Ecommerce Hub Pro Theme Documentation

Help and Support

Click here for support:
Support

File Structure

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

  • Screenshots -contains template screenshot. Not for production.
  • theme -contains wordpress theme files
  • "ecommerce-hub-pro.zip" -this folder contains all the necessary files for the theme.
  • "license.txt" -contains license details
  • "readme.txt" -contain information about theme images path, font use and usage script

Template Installation

Template installation is very easy process. The installation process can be done in two ways

1-Install a theme using wordpress admin

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

1.Go to the menu Appearance >> Themes


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


3. Click on upload theme button.


4. Click on Browse Button then select your ecommerce-hub-pro.zip theme and click on install now button.


Congratulations your theme have been successfully installed

Section Color/Font Pallette

Color/Font is very easy process. We have given these options in all sections of customizer. It is a complete image to show you about color and font pallete. At a single glance of click you can set the color and fonts of the Headings,Paragraph 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

One-Click Demo Content 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 toDashboard >> Appearance >> Get started

Before started "Run Importer" first you need to installed "wooocommerce, ecommerce hub Pro Posttype, ti WooCommerce Wishlist Plugin, TG Titte Banner Image" plugin. (See Plugin Section)

Click on"Run Importer".

Fetch Demo content

This theme supports the default Site Identity section provided by the WordPress and we have integrated some options in this theme in this section.

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


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

How to set up Home Page

Setup Site Identity

In order to set up site Identity,

Go to Appearance >> Customize >> Site Identity Section


  • Logo : You can add the Site Icon from here
  • Site Title: You can add the Site Title here from this section.
  • Tagline: You can add the Tagline here from this section.

Setup Topbar Section

In order to set up topbar section,

Go to Appearance >> Customize >> Theme Setting >> Topbar Section

Setup Social Icon

In order to set up Social Icon Section,

Go to Appearance >> Customize >> Theme Settings >> Social Icon Section

Setup Header Widget Section

Checkbox are provided, if you want to show or hide any section in the header

Go to Appearance >> Customize >> Theme Settings >> Header Widget Section

Setup Header Section

In order to set up Header section,

Go to Appearance >> Customize >> Theme Settings >> Header Section

Setup Slider

Follow the below steps to setup the slider

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


  • Setting Options : Includes settings for Service display enable/disable option. With this setting, you can enable/disable this section. This is very important setting. If you want this section to appear on your website, just let the option be enabled and if you don't want this section to appear on your website, you can select disable and this section will disappear from your website.
  • Number of Slider To Show: Allow you to select no. of slider you would like to display.
  • Slider Image: Here you can set the images for slider.
  • Slider Heading Title: Here, you can set the title to be displayed on slider.
  • Slider Text: It allows you to set the text to be displayed on silder image
  • Slider Heading Color: Allow you to set the heading color of slider.
  • Slider Heading Fonts: You can set the font of Slider heading with this option.
  • Slider Text Color:This option allows you to set the color of slider text.
  • Slider Text Fonts: You can set the font of Slider heading with this option.

The output will look like this.

Setup Product Category Section

In order to proceed with Product Category Section,

Go to Appearance >> Products >> Categories


Go to Appearance >> Customize >> Theme Settings >> Product Category section



The output will look like this.

Setup Featured Product Section

In order to setup the following section, follow the below steps

1. Go to Dashboard >> Products >> Categories




2. Go to Dashboard >> Products >> Add New




2. Add the product category, Go to Appearance >> Customize >> Theme Settings >> Featured Product Section


The Output will look like this.

Setup Product Banner Section

In order to setup the following section.

2. Go to Appearance >> Customize >> Theme Settings >> Product Banner Section




Repeat the same for next two Product Banner.

The Output will look like this.

Setup New Arrival Product Section

In order to proceed with New Arrival Product,

Go to Appearance >> Products >> Categories


Go to Dashboard >> Products >> Add New




Repeat the same process for all new arrived products.

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


The Output will look like this.



    Do you want this section: This section allows you to enable/disable this section altogether. In case, if you don't want this section on your site, just click on disable option and this section will disappear from your site. And if you want this wonderful section to appear on your site, just be it enabled and it will appear on your site.

  • Background Color: Here, you can set the background color for this section.
  • Background Image: Here, you can set the background image for this section.
  • Text Color: Here, you can set the text color of this section here.
  • Text Font Family: This option allows you to set the font family of text for this section.
  • Number: Here, you can enter the number of whichever products you want to show.

Setup Today Deal Section

1. In order to setup the following section,

Go to Appearance >> Products >> Categories


2. Add the Products, Go to Dashboard >> Products >> Add New


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


The output will look like this.

Sale Banner Section

1. In order to proceed with Sale Banner Section,

Go to Appearence >>Customize >>Theme setting >> Sale Banner Section


The output will look like this.


Setup Testimonial

First activate "ecommerce hub Pro Posttype" plugin. Then only you add Testimonial

For better reference see plugin section.

1. In order to setup the following section go to Dashboard >> Testimonial >> Add New


2. Add the testimonial, Go to Appearance >> Customize >> Theme Settings >> Testimonial


The output will look like this.

Best Seller Section

Create Category

Go to Dashboard >> Products >> Categories >> Add New


Go to Dashboard >> Products >> Add New


Go to Appearence >> Customize >> Best Seller Section


The output will look this.

Setup Our Sponsors

In order to proceed with Our Sponsors section,

Go to Appearance >> Customize >> Theme Settings >> Our Sponsors


The output will look this.

Setup Newsletter

First activate "Contact form 7" plugin.

1. In order to setup the following section go to Dashboard >> Contact >> Add New


Go to Appearance >> Customize >> Theme Settings >> Newsletter


The output will look this.


Setup Latest Post

In order to proceed with latest post section,

First You need to create post

Go to Dashboard >> Posts >> Add New


Go to Appearance >> Customize >> Theme Settings >> Latest Post


The output will look like this.

Setup About Section

In order to proceed with About Section,

Go to Appearance >> Customize >> Theme Settings >> About Section


The output will look like this.

Setup Footer Section

Footer have four columns. You can add any widget there. It will be added from Appearance >> widget


Go to Appearance >> Customize >> Theme Settings >>Footer Section


The output will look like this.


Setup Contact

1. In order to setup the following section,

Go to Dashboard >> Contact >> Add New


Go to Appearance >> Customize >> Theme Settings >> Contact




Setup Footer Text

1. In order to setup the following section,

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


The output will look this.


Plugins

Plugins are ways to extend and add to the functionality that already exists in WordPress.

How to activate plugins

If you want these functionalities in your theme for which you need to activate plugin. Follow these instructions to activate plugin in your theme.

Ecommerce hub Pro Post Type Plugin

Go to Plugins >> Installed Plugins >> ecommerce hub Pro Post Types >> Activate


Woocommerce Plugin

Go to Plugins >> Add New >> Activate


TI woocommerce wishlist plugin

First install and activate "ti woocommerce wishlist plugin" plugin.

1. In order to setup the following section go to Dashboard >> Plugin >> Add New


When you activate plugin, you can see option in your admin navigation, i.e Testimonials . You can see this option in the admin navigation of the image because the plugin is activated.

This section automatically appears in your website once you activate plugin. You can see scrennshot of the same below.

Now, you can see these sections are added but contents are not there. For adding contents to these sections, follow these instructions.

TG Tittle Banner Image

First install and activate "TG Tittle Banner Image Plugin" plugin.
  • First, you need to choose the banner image that you would like to set on your post/page.
  • On uploading any file, by default, the title will appear over the banner image.

1. In order to setup the following section go to Dashboard >> Page >> Add New


The output will look this.


Page Templates and sidebars

Page Templates

  • Default Template (the default page template with a right sidebar position)
  • Page (Left Sidebar) (a page templates with left sidebar position)
  • Page (Right Sidebar) (a page template with right sidebar position)
  • Blog (Full Width) (a blog templates with one column without sidebar)
  • Blog (Left Sidebar) (a blog templates with left sidebar position)
  • Blog (Right Sidebar) (a blog template with right sidebar position)
  • Contact Template (the default Contact template with no sidebar position)
  • Home Page Template (the default home page template with right sidebar position)

Post, 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.


Check the list of shortcodes that are available with the Themes:

  • [ecommerce-hub-pro-testimonials]

Custom Widgets

In order to proceed with Widget section,

Go to Dashboard >> Appearance >> Widgets