Advance E-commerce Store Pro WordPress Theme Documentation


Introduction

Thank you for buying our WordPress Theme. The complete procedure to configure and manage a WordPress Website from the beginning is shown in this documentation in different portions.

What is WordPress CMS?

WordPress is an open source tool which is based on PHP and MySQL to create websites. It is a completely free content management system(CMS) and a strong blogging platform. With this CMS, you can develop websites and solid online apps. You hardly require any knowledge or technical capability to manage it. WordPress has become the most accepted website development software available because of it’s varied aspects like it’s easy usage and flexibility. Learn More

What is a WordPress template

A WordPress template acts as a skin for the websites which are created on WordPress CMS. The installation of a WordPress Template is very easy. With the help of an installed new template, you can change the look of your WordPress website very easily. All the requisite source files are provided with a WordPress template and you can freely go for editing and increasing it the way you want.

Help and Support

Files structure

The template package you have downloaded consists of several folders. Let's see what each folder contains:

  • Screenshots - contains template screenshots. Not for production.
  • theme - contains WordPress theme files.
    • advance-ecommerce-store-pro.zip this folder content all the necessary files for the theme.
  • license.txt - contains license details.
  • readme.txt - contain information about theme images path and font use and usage scripts.

Theme Installation Via WordPress

Install a Theme using WordPress Admin Theme Search.

If you’re looking to install a free WordPress theme from the WordPress.org themes directory, then the easiest way is by using the WordPress admin theme search functionality.

First thing you need to do is login to your WordPress admin area. Next, click on Appearance » Themes..


Once you are on the themes page, click on the Add New button at the top.


Based on your search, you will see a single theme or a list of themes that met your criteria. In our case, we searched for the blogging theme Advance-Ecommerce-Store-Pro. When you see the theme that you want to install, simply bring your mouse on top of the image. This will reveal the install button, preview button, and details button. Go ahead and click on the install button.

WordPress will now install your theme and show you a success message along with the link to activate or live preview.

Click on the activate button, and you’ve successfully installed and activated your WordPress theme.


Install a Theme by using Upload Method from WordPress Admin.

The first method that we covered only allows you to install free themes that are available in the WordPress.org theme’s directory. But what if you want to install a commercial “premium” WordPress theme from companies like ThemeLab, StudioPress, iThemes, etc. Or what if you want to install a custom theme? Well in this case, you would need to install the theme using the upload method from your WordPress admin.

Start by downloading the .zip file of the theme that you purchased from a marketplace or a commercial theme provider.

Next login to your WordPress admin area and click on Appearance » Themes..


Once you are on the themes page, click on the Add New button at the top.

On the next screen, click on the Upload Theme button at the top.

You will be prompted to choose the zip file that you downloaded earlier. Select the file and click Install Now.


Once your theme is installed, you will see a success message along with the link to activate and preview the theme.

Click on the activate button, and you’ve successfully installed and activated your WordPress theme. Depending on the theme, it may add additional settings options that you may need to configure either through the theme customizer or through a separate options panel.

Theme Installation Via FTP.

Installing a WordPress Theme using FTP

First installed and setup your FTP program, connect to your host using FTP. You would need to go to the path (/wp-content/themes/). Once you’re there, simply upload your theme’s folder there.

Remember you must unzip the folders before you upload a theme using FTP. Once you have uploaded the theme, you would need to go to your admin area and click on Appearance » Themes..

You should see the theme that you uploaded listed there. Bring your mouse on top of that theme and click on the activate button and you’ve successfully installed and activated your WordPress theme.

Plugin Installation.

Installing a Plugin

To install a WordPress Plugin manually by .zip archive upload follow the below steps

Go To >> Dashboard >> Plugins >> Add New.

Go to Upload plugin >> Choose File >> Install Now

Refer to the below screenshot for better understanding..

In this way you can install the plugins.

Section Color/Font Pallete

Color/Font is very easy process.At a single glance of click you can set the color and fonts of the Headings, Paragrapgh and Buttons.

Every individual section have an option to set the color pallete for Headings,Title/Text,Paragraph,Button Text and Button Background depending upon the number of option that are available in that respective section.

Default Color/Font settings.

Demo Importer

Import demonstration content with one click to get your theme setup. This content will guide you through building your website for website creation.

Go to Dashboard >> Appearance >> Get started

Before started "Run Importer" first you need to install Advance Ecommerce Store Pro Testimonial Posttype plugin.

Click on"Demo Importer" and then "Run Importer".


How to set up homepage

Setup Home Page Template

Follow these instructions to setup Home page.

  • 1. Create Page to set template: Go to Dashboard >> Pages >> Add New Page.

    Label it "home" or anything as you wish. Then select template "home-page" from template dropdown.


  • 2. Set the front page: Go to Setting -> Reading --> Set the front page display static page to home page.

  • Once you have done with this you can see all the demo content on front page.

Header Section

This section shows how to setup the header section. First step for is to add site identity logo.

Steps for adding site identity logo.

1. Dashboard -> Appearance -> Customize -> Site identity.

2. Follow this step.

For Menu Section follow these steps.

Go to Dashboard >> Pages >> Add new pages.


follow same steps for the next pages.

Next step


Go to >> Dashboard>> Appearance >> menu.

Your Output will look like this.


Setup Slider Section

1. Follow the below steps to setup the slider.

2. Go to Appearance >> Customize >> Theme Settings>> Slider Settings.


3. In this section you can set the slider image,Title and description. You can update the number of slides.

4. You can also set the heading color, subheading color and it's font family.

5. Your Slider Output will look like this.


Setup Banner Below the slider Section

Follow the below steps to customize this section

Go To>> Appearance>> Customize>> Banner Below the slider Section


Your Banner will look like this.


Setup New Arrival Section

Follow the below steps to setup for New Arrival this section.

1. Go To >> Dashboard >> Product >> Category.

2. Create the category and select the category.


3. Go to Dashboard>>Products>>Add new.



Go to Appearance >> Customize >> Theme Settings>> New Arrival Section.


Your Output will look like this.


Image Banner 1

1. For this section you have to Add Banner in the section.

Follow the below steps to setup this section.

2. Go to Dashboard>>Image Banner 1.


Your Output will look like this.


Setup Our Product Section

Follow the below steps to setup for Our Product section.

1. Go To >> Dashboard >> Product >> Category.

2. Create the category and select the category.


3. Go to Dashboard>>Products>>Add new.



4. Go to Appearance >> Customize >> Theme Settings>> Our Product.


5. Then your our product section will look like this.


Image Banner 2 section

1. Go to Appearance >> Customize >> Theme Settings>> Image Banner 2.


2. Your Image Banner Output Image will look like this


FEATURED PRODUCTS Section

Follow the below steps to setup for Featured Product section.

1. Go To >> Dashboard >> Product >> Category.

2. Create the category and select the category.


3. Go to Dashboard>>Products>>Add new.



4. Go to Appearance >> Customize >> Theme Settings>> Featured Product.


5. Then your output image will look like this.


Setup Image Banner 3 Section

1. Go to Appearance >> Customize >> Theme Settings>> Image Banner 3.


2. Your Image Banner Output Image will look like this


Setup Trending in store Section

Follow the below steps to setup for Trending in store section.

1. Go To >> Dashboard >> Product >> Category.

2. Create the category and select the category.


3. Go to Dashboard>>Products>>Add new.



4. Go to Appearance >> Customize >> Theme Settings>> Trending in store .


5. Then your Trending in store section will look like this.


Image Banner Above Sponser Section

1. Go to Appearance >> Customize >> Theme Settings>>Image Banner Above Sponser Section.


2. Your Image Banner Above Sponser Output Image will look like this


Sponsors


1. In order to proceed with Sponsor Section,

Go to Appearance >> Customize >> Sponser Section.


Social Icons

Go to Appearance >> Customize >> Sponser Section.


1. In order to proceed with Social Icons Section,

2. Your social icon will look like this


Setup Footer Text Section

Go to Appearance >> Customize >>Theme Settings>> Footer Text.


4. Then your Footer Text section will look like this.


Setup Contact Me Section

1. Go to Appearance >> Customize >> Theme Settings>> Contact Page.


Shortcode take from contact form

1. Go To >> Dashboard >> contact >> add new.


1. Go To >> Dashboard >> Pages >> add new.


2. For the next step you have to add contact form 7 plugin and then add the shortcode to the contact me section.

3. For better understanding refer to the plugin section.

4. Then your contact me section will look like this.


Home Page Sidebar

Custom theme editor is the easy process for Home page sidebar for theme.

For the set up of Home Page sidebar firstly Activated woocomerce pluging then you have proccess it.

Home sidebar explaine as below

Product category

Follow the below steps for product category in home page sidebar.

1. Go To >> Dashboard >> Product >> Category.

2. Create the category .


All Category List display


Then you can add woocommerce widgets Product categories

3. Go to Dashboard>>Appearance>>wigites.


Product category Output in Home Page sidebar Look like this



PRODUCT

1. Go To >> Dashboard >> Product >> Category.

2. Create the category .


Create the Product

1. Go To >> Dashboard >> Product >> Add New.


1. Go To >> Dashboard >> Appearance >> widgets.



PRODUCT Output in Home Page sidebar Look like this



Banner of Deals

Ts Banner widgets added home page sidebar

1. Go To >> Dashboard >> Appearance >> widgets.


Best Deller Output in Home Page sidebar Look like this




Best Deller

1. Go To >> Dashboard >> Product >> Category.

2. Create the category .


Create the Product

1. Go To >> Dashboard >> Product >> Add New.


1. Go To >> Dashboard >> Appearance >> widgets.


Best Deller Output in Home Page sidebar Look like this




Latest Posts

Added the post into post section

1. Go To >> Dashboard >> Post >> Add New.


1. Go To >> Dashboard >> Appearance >> widgets.


Latest Posts Output in Home Page sidebar Look like this




TESTIMONIAL

for the testimonial section you have to activated advance-ecommerce-store-pro-posttype pluging.

1. Go To >> Dashboard >> Testimonial >> Add New.


1. Go To >> Dashboard >> Appearance >> widgets.



Testimonial Output in Home Page sidebar Look like this


Plugin Confrigration

1. For the Plugin section you have to add advance advance-ecommerce-store-pro-posttype plugins and activate it.

2. Steps for the plugin installation,

3. Once you added plugin section,

4 .Dashboard>>Plugin>>Installed plugin.


For Testimonials Section

Go to >>Dashboard>>Testimonials>>Add new


3. Repeat the same step if you want to add more testimonials.

4. Then you will get the output image.


5. For contact form 7 plugin

6. Refer to the below steps.


6. After installation of contact form 7 you will get the option of contact form on dashboard.

7. Refer to the screenshot for better understanding.


Page Templates and Sidebars


Page Templates

  • Default Template (the default page template with a right sidebar position).
  • Home Page (the default Home template).
  • Contact (the default Contact template with no sidebar position).
  • Blog full width extend (the default Contact template with no sidebar position).
  • Blog with left sidebar (the default Contact template with no sidebar position).
  • Blog with right sidebar (the default page template with a right sidebar position).
  • Page with Left Sidebar (a page templates with left sidebar position)
  • Page with Right Sidebar (a page template with right sidebar position)

Posts, Categories and Post Formats

Adding category

Review the following article for more information on adding categories: http://codex.wordpress.org/Manage_Categories_SubPanel.


  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. With that done, click Categories for blog posts.
  4. Type in the name of your new category.
  5. After that, click the Add New Category button.
Click the Publish button.

Creating a Blog post


  1. Log into your WordPress Administration Panel (Dashboard).
  2. Click the Posts tab.
  3. Click the Add New tab.
  4. Type in your post content. For more information on adding posts, please check the following link http://codex.wordpress.org/Posts_Add_New_SubPanel.

Shortcodes

A shortcode is a powerful content building tool. http://codex.wordpress.org/Shortcode. Shortcodes are easy to use. First of all, make sure that the editing mode is set to Visual.


All available shortcodes are conditionally divided into these groups:

  • Testimonials[bb-testimonials].

Custom Widgets

1. Footer section is optional if you want to add footer section to your theme you can add through widgets.