Ecommerce Zone Documentation

Folder Structure

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

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

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

"ecommerce-zone.zip" -This folder comprises all the essential theme files for WordPress

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

Installing the Template

Installing WP Template Is Easy, You can do it in two ways

Installing the Theme Through WordPress Dashboard

To begin to complete installing your theme, sign in as administrator on your WordPress Dashboard. Next, Tap on

Navigate through Dashboard To "Appearance" menu and click on "Themes."

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

3. Click on the "Upload Theme" button.

4. Click "Browse"to select the ecommerce-zone.zip 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! You have 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 into your WP Dashboard and go to the "Appearance" menu. Click on "Themes" and you should see the newly installed "Total" theme. Click on the "Activate" button to activate the theme.

Installing plugins

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

Install Required Plugins:
Contact-form-7 plugin
Woocommerce plugin
Go to the "Plugins" area of your WordPress dashboard after logging in. Click on the "Add New" button at the top of the page. Click the "Upload Plugin" button on the screen that appears next. You can now browse your computer and choose the plugin file you wish to upload by clicking the "Choose File" button. The plugin file must have a.zip extension.

After selecting the plugin file, click the "Install Now" button. Once to complete installing your theme, In order to activate the plugin, click the "Activate Plugin" button.

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 or you can use "Home")

Name your home page as Home Blog page or as required . Then select home-page from the dropdown .

2) Now for Final Set Up Navigate To Admin Dashboard Than Click on Setting Option == Move To Reading == Now Go To Home 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 Top Header Section

To start setting up the Top Header on your WordPress site,

Navigate to Appearance == Customize == Top Header

This way, you can easily create Top Header on your website.

Setting up Site Identity Section

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

Navigate to Appearance == Customize == Site Identity

Setting up Navigation

To create a new menu on your WordPress website and add pages to it,

First, create a new page by going to the Dashboard, selecting Pages, and then clicking on Add New .
Next, Navigate to Appearance and click on Menu.
Create Menu by clicking over New Menu.
In the Menu Name column, Name the menu and click the Save.
Once the menu is created, select the pages you want to add to it by checking the corresponding checboxes. You have to reorder the sections by draging the required section
To set the menu location on the footer, select the Footer checkbox.
If you select the Primary Menu checkbox, Menu Stars Appearing on the header

To provide a better understanding of the process, please refer to the attached screenshot.

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

Setting up Sidebar Widgets Section

To start setting up the Sidebar your WordPress site,

Navigate to Dashboard == Appearance == Widgets == Add New

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

Setting up Slider Section

To start setting up the slider on your WordPress site,

Navigate to Page == Add new

Navigate Customize == Top Product Sale Slider

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

Setting up Top Category Product Section

To start setting up the Top Category Product on your WordPress site,

Navigate to Page == Add new

Navigate to Customize == Top Category Product

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

Setting up Home Product Category Section

You have to install WooCommerce plugin, Then Product section will appear In Dashboard.

To start setting up the Home Product Category on your WordPress site,

Navigate to Product == Add new

Navigate Customize == Home Product Category

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

Setting up Footer Section

To start setting up the Footer your WordPress site,

Install the Classic Widget Plugin

Navigate Dashboard == Plugin , Click On Add New Button search the classic widget plugin and intall the plugin.

Step 1.Navigate to Dashboard == Appearance == Widgets

Step 2. Select Footer
(a) Footer One
(b) Footer Two
(c) Footer Three
(d) Footer Four
(ii) Click on "save" button

To create footer section , go to Appearance >> widgets >> than select as required column tags.

Below image explains the widgets section.

Navigate to Dashboard == Appearance == Widgets == Add New

Navigate to Appearance == Customize == Footer.

Setting up Footer Section

To start setting up the Footer your WordPress site,

Navigate to Appearance == Customize == Footer.

Enable/Disable option:

Choose "enable" or "disable" to show or hide the section.

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

Page Templates and sidebars

Page Templates

Default Template ⦇This is the default template page has right sidebar ⦈
Page with Left Sidebar ⦇ This is a template page with a left sidebar. ⦈
Page With Right Sidebar ⦇This is a template page has right sidebar. ⦈
Blog Full Width Extend ⦇ This is blog template has only one template and no sidebar. ⦈
Blog With Left Sidebar ⦇This is blog template has a left sidebar. ⦈
Blog With Right Sidebar ⦇ This is a blog template has right sidebar. ⦈
Contact Template ⦇This is the Contact Template - Doesn't Have Sidebar. ⦈
Home Page Template ⦇This is the default home page template has right sidebar.⦈

Post Formats

Adding category

sign in as administrator on your WordPress
Click the Posts tab.
Then, to select Categories for your post click on Categories.
Now type the category name you need to categorise your blog into
Now Add New Category By Clicking "Add New" Button.
Finally, Publish

Creating a Blog post

sign in as administrator on your WordPress
Now Navigate your mouse to Posts tab.
Now Add New post By Clicking "Add New" Button
Add Desired Content in the editor.