Digital Storefront Pro Documentation

Folder Structure

When you download the package, you'll notice that it contains multiple folders. Below is a breakdown and its contents:

Please note that the screenshots provided are just templates and are not required for actual production.

Theme - This folder contains all from the files of themes for WordPress.

"digital-storefront-pro" -This folder comprises all the essential theme files for WordPress

"License.txt" - This folder contains detailed information regarding license.

Installing the Template

2.Once you click on Themes - You can see all the installed theme on your WordPress, Now Click Add new

3. Click Button (Upload Theme) To Upload

4. Click "Browse"to select the digital-storefront-pro theme from your computer. Once you've located from the files of theme, Then Install your theme to begin to complete installing your theme.

Congratulations! Successfully installed the theme.

2-Installing uploading via FTP option

Alternatively, you can also uploading via FTP option. First, log in to your FTP client and navigate through the files to wp-content than go to themes. Next, download and unzip from the files of theme on your local computer. Then, upload the extracted theme folder to the "themes" folder on your server. Once the upload is complete, you should see the newly installed theme in the "Appearance" section of your WordPress Dashboard.

Log in to your WP Dashboard and navigate to the "Appearance" menu. Click on "Themes" and you should see the newly installed "Total" theme. Click on the "Activate" button activate theme.

Install all the neccessary plugins:

If you want to install all the required WP Plugins manually using .zip archive file, you can follow the steps below:

• Install all the neccessary plugins:
• Contact-form-7 plugin , Woocommerce plugin , Customer Reviews for WooCommerce , Ever Compare , GTranslate , TI WooCommerce Wishlist , WOOCS - WooCommerce Currency Switcher
• Log in to your WP dashboard and navigate to the "Plugins" section. Click on the "Add New" button at the top of the page. Click on the "Upload Plugin" button. Click on the "Choose File" button and select the .zip archive of the plugin you want to upload.

Click Button (Install Now) To Upload. Once to complete installing your theme, click on the "Activate Plugin" button activate plugin.

One Click Home Page Data Importer

Navigate toDashboard ==Go to Appearance ==Tap Get started

Tap on"Run Importer".

Setting up Home page.

1) To Select The Template Same As Screenshot You Need To make a Page:Go To Your Dashboard Area == Scroll To Pages == Now Create A Add New .( Label The page as per your business requirement either you can use "Home")

Name your home page as Home Blog page or as required . Then select home-page from all available templates in dropdown .

2) Now for Final Set Up Navigate To Admin Dashboard Than Click on Setting Option == Move To Reading == Now Go To Front Page Display option select drop down under static to Home Page

As you follow the instructions about Website Setup, you will achieve exact replica s our demo site.

Setting up Section Reordering Section

To rearrange or reorder the sections on your WordPress site,

Reorder the sections as per your need.

Navigate After that Cuatumize == Now theme Setting == Section Ordering

Setting up Top Bar Section

To start setting up the top bar on your WordPress site,

Navigate to Appearance ==Go to Customize == Then Themes Settings ==Tap Topbar

Navigate to Appearance == Go to Customize == Then Themes Settings ==Tap Social Icons

To check out how it will look on front end you can check below

Setting up Site Identity Section

To start setting up the site identity on your WordPress site,

Now Navigate To Appearance == Than Go To Custumize == Hovet On Site Identity

Setting up Header Section

To start setting up the header on your WordPress site,

Navigate to Pages ==Tap Add new

To create a menu, we need to add some pages to it.

Navigate to Appearance == Go To menu ==Then Add new

Navigate Appearance == After that Cuatumize == Now theme Setting == Header

To set up further pages, simply repeat the aforementioned steps

This way, you can easily create menu on your website.

Setting up Slider Section

To start setting up the slider on your WordPress site,

Navigate Appearance == After that Cuatumize == Now theme Setting == Slider Section

• Enable/Disable option: Choose "enable" or "disable" to show or hide the section.
• Number of Slider To Show: Select the desired number of sliders to display.
• Slider Image: Set the images to be displayed on the sliders.
• Slide text: Enter the text that you want to display on each slide.
• Slider Button Text: Specify the text to be displayed on the slider buttons

To check out how front end looks you can check below

Setting up Service Section

To start setting up the Service on your WordPress site,

Navigate Appearance == After that Cuatumize == Now theme Setting == Slider

It will appear like this on the front end

Setting up About Section

To start setting up the About on your WordPress site,

Navigate Appearance == After that Cuatumize == Now theme Setting == About

• Enable/Disable option: Choose "enable" or "disable" to show or hide the section.
• Section Main Heading : Customize Your Section Title Here
• Section Sub Heading: Define Your Title with a Clear Description

To check out how front end looks you can check below

Setting up Featured Section

To start setting up the Featured on your WordPress site,

Navigate After that Cuatumize == Now theme Setting == Featured

It will appear like this on the front end

Setting up New Arrival Section

To start setting up the New Arrival on your WordPress site,

To begin using Woocommerce, you need to upload and activate the Woocommerce plugin.

To start adding new products, you need to create product categories and then add the new product to the appropriate category.

Navigate to Dashboard ==Go To Product ==Tap Categories

Navigate to Dashboard ==Go To Product ==Tap Add New

Navigate After that Cuatumize == Now theme Setting ==New Arrival

It will appear like this on the front end

Setting up Banner Section

To start setting up the Banner on your WordPress site,

Navigate Appearance == After that Cuatumize == Now theme Setting == Banner Section.

To check out how front end looks you can check below

Setting up Flash Sale Section

To start setting up the Flash Sale on your WordPress site,

To begin using Woocommerce, you need to upload and activate the Woocommerce plugin.

We need to create Flash Sale categories and add new product.

Navigate to Dashboard ==Go To Product ==Tap Categories

Navigate to Dashboard ==Go To Product ==Tap Add New

Navigate After that Cuatumize == Now theme Setting ==Flash Sale

It will appear like this on the front end

Setting up Register Section

To start setting up the Register on your WordPress site,

Navigate After that Cuatumize == Now theme Setting == Register

It will appear like this on the front end

Setting up Trending Product Section

To start setting up the Trending Product on your WordPress site,

To begin using Woocommerce, you need to upload and activate the Woocommerce plugin.

We need to create Trending Product categories and add new product.

Navigate to Dashboard ==Go To Product ==Tap Categories

Navigate to Dashboard ==Go To Product ==Tap Add New

Navigate After that Cuatumize == Now theme Setting ==Trending Product

It will appear like this on the front end

Setting up Latest News Section

To start setting up the Latest News on your WordPress site,

To set up the Latest News section, follow the instructions Navigate to Dashboard ==Go To post ==Tap Add New

Navigate Appearance == After that Cuatumize == Now theme Setting == Latest News Section.

To check out how front end looks you can check below

Setting up Why Choose Us Section

To start setting up the Why Choose Us on your WordPress site,

Navigate Appearance == After that Cuatumize == Now theme Setting == Why Choose Us Section.

To check out how front end looks you can check below

Setting up Counter Section

To start setting up the Counter on your WordPress site,

Navigate Appearance == After that Cuatumize == Now theme Setting == Counter Section.

To check out how front end looks you can check below

Setting up Testimonials Section

Navigate Appearance == After that Cuatumize == Now theme Setting == Testimonial

• Enable/Disable option: Choose "enable" or "disable" to show or hide the section.
• Background Color This option allows you to set the background color of this section.
• Background Image: This option allows you to select the desired background color for the section. You can choose from a variety of colors to match your website's theme or branding.

To check out how front end looks you can check below