Ecommerce Hub Theme Documentation

Setup Global Color

In order to setup the Global Color, follow the below steps.

Go to Appearance >> Customize >> Theme Settings >> Global Color Settings

Here you can select the color for the theme.

It will appear like this on the front end.

Setup Typography

In order to setup the Typography, follow the below steps.

Go to Appearance >> Customize >> Theme Settings >> Typography

Their customizer settings are like below screenshot.

1. Color: Here you can change the colors of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.

2. Fonts: Here you can change the Font Family of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.

3. Font Size: Here you can change the Font size of all Paragraph, 'a' tag, 'li' tag, H1, H2, H3, H4, H5 and H6 respectively.

It will appear like this on the front end.

Setup Topbar Section

In order to set up topbar section,

Go to Appearance >> Customize >> Theme Settings >> Topbar section

Here you can Enable and Disable top header by click on checkbox for the theme.

Here you can Give the Tob-Bottom padding to the tobbar of the theme.

Here you can select the sticky header for the theme.

Here you can select the Top-Bottom padding for sticky header of the theme.

Here you can Give the text for search placeholder of the theme.

Here you can add contact and e-mail address which will get appear at the topbar section.

Setup Header Section

In order to set header section,

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

Here you can select the size of menu and case of menu of the theme.

Logo

Go to Appearance >> Customize >> Site Identity

Here you can search woocommerce plugin and activate.

Add Wocommerce

Need to install woocommerce plugin,

Go to Dashboard >> Plugins >> Add New

Here you can search woocommerce plugin and activate.

Topbar will will be appear on the page like this.

In this way you can setup top bar Section.

Social Icons

In order to set up Social Icons,

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

Here you can add to Font Size of Social Icon for the themes.

Social Icons will will be appear on the page like this.

In this way you can setup Social Icons.

Setup Slider Section

In order to setup the slider, follow the below steps.

1. Create a new page and name it as "Slide1" , set it's featured image, title, and the content. Repeat this process for other slides.

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

Select the page which you have created for slide1, slide2, slide3, slide4.

Checkbox is given,if you need to hide or show your slider.

For show or hide slider, click twice on the checkbox.

For show or hide slider Indicator , Slider Title , Slider Content , Slider Button , click twice on the checkbox.

Here You have an option to the speed of slider to load slider fast for the theme.

You can select the slider content alignment for the theme.

Here You can select Background color, for Slider Image display transparent.

You can select opacity for slider image.

Here you can add Slider Button Lable for the theme.

Once you have done with this you will see the slider on your front page.

In this way you can setup slider.

Featured Products

1. Go to Dashboard >> Products >> Addnew

Create Products which you want to display on the page.

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

Create a page to show products.

3. Appearance >> Customize >> Theme Settings >> Featured Products

Products will be appear on the page like this.

In this way you can setup your Featured Products.

Setup Footer Section

In order to setup the Footer Section, follow the below steps.

Go to Appearance >> Widgets

Once you add widgets to the footer, your footer will look like this.

In order to setup the Footer Section, follow the below steps.

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

For show or hide Back to Top Icon, click twice on the checkbox.

Here You can select the Back to Top Icon alignment for the themes.

You can select the Footer Background Color & Footer Background Image from here for the themes.

Here You can select the the number of footer columns and add your widgets in the footer for themes.

In this way you can setup footer section.

Setup Footer Text Section

In order to setup the Footer Text Section, follow the below steps.

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

In order to setup the Copyright Section, follow the below steps.

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

1. Copyright Alignment: Here You have an option for Copyright Aligntment like Center , Left , Right.

2. Copyright Font Size: Here You have an option for Font Size of Copyright.

3. Copyright Top Bottom Padding: Here You have an option to Top Bottom Padding of Content for Copyright.

In this way you can setup footer text section.

Setup Advance Options

In order to setup the Advance Options, follow the below steps.

Go to Appearance >> Customize >> Theme Settings >> Advance Options

Here You can click the checkebox if you want to enable /disable preloader and select the color for preload.

Here You can select the preloader type square and circle for the themes.

For Theme Layout:

Here You can select the Default layout for the themes.

After Default layout themes will look like screenshot

Here You can select the Container layout for the themes.

After Selecting Container layout themes will look like screenshot

Here You can select the Box-Container layout for the themes.

After Selecting Box-Container layout themes will look like screenshot

Setup Blog Settings

In order to set up Blog Settings,

Go to Appearance >> Customize >> Theme Settings >> Blog Settings

In Blog Settings, you can select the Blog Layout Sidebar.

In Blog Settings, you can show or hide post date, comments, author and also you can change blog excerpt Number for content.

Here you can select the Blog Pagination Style post of themes.

Here you can select the Position of Blog Post Navigation for themes.

In order to set up Button Options,

Go to Appearance >> Customize >> Theme Settings >> Button Options

Here you can select the Blog Post Button Label for themes.

Here you can Give the Top-Bottom, Left-Right , Padding to the Blog Post Button Label for themes.

Here you can select the Blog Post Button Radius for themes.

Setup 404 Page & Search Result Setting

In order to setup the 404 Page & Search Result Setting, follow the below steps.

Go to Appearance >> Customize >> TG Settings >> 404 Page & Search Result Setting

1. 404 Page Title: error 404 page has a page title not found.

2. 404 Page Button Label: error 404 page Label of Button not found

3. No Search Result Title: error site title not found

4. No Search Result Text: error site contain not found

In this way you can setup 404 Page & Search Result Setting section.

Setup WooCommerce Options

In order to setup the WooCommerce Options, follow the below steps.

Go to Appearance >> Customize >> Theme Settings >> WooCommerce Options

Here You have an option to Enable / Disable sidebar of shop page by click on checkbox.

Afte Disable Shop Page Sidebar themes will look like screenshot

Here You have an option to Enable / Disable Single Product Page Sidebar.

Afte Disable Single Product Page Sidebar Sidebar themes will look like screenshot

Here You have an option to Enable / Disable Feature Related product of shop page by click on checkbox.

Here You have an option to add Number Of Product in one Row.

Here You have an option to add Number Of Product in one single page.

Here You have an option to Show / Hide border of product.

Here You have an option to top-bottom, left-right padding for product border and image.

Here You have an option to give border radius to product.

Here You have an option to select the product sale postion of the theme.

Here You have an option to add top-bottom, left-right padding product sale position for theme.

Here You have an option to add border radius for product sale position of the theme.

In this way you can setup WooCommerce Options section.