Documentation | Gon - Responsive Multi-Purpose WordPress Theme

Introduction

Theme Version: 2.3.0
Created: 02 Nov 2015
Latest update: 20 Sep 2023

Thank you for purchasing our theme. In this document, we provide all kinds of good information with all the details you need to use our theme. We hope you have fun and enjoy working with our theme. If you need more help, please feel free to open a ticket on our support center.

Before Getting Started

If you are not familiar with WordPress, please get accustomed with it before proceeding to using our theme. Here are some links that will help you to become more confident with WordPress:

First Steps with WordPress: https://wordpress.org/support/article/first-steps-with-wordpress-classic/
WordPress Optimization: https://wordpress.org/support/article/optimization/
We recommend that you should use CDN if you sell products on many countries
If you don't yet have a hosting, you should find the popular hosting providers, such as A2 Hosting, Bluehost, ...

Requirements & Compatibility

Requirements

To run WordPress your host just needs a couple of things:

PHP version 7.4 or greater
MySQL version 5.6 or greater

Compatibility

Our theme is compatible with these browsers:

Chrome
Firefox
Safari
Microsoft Edge

Installation

WordPress Core

You download and install WordPress version 5.0 or later

Theme Package

To download, you need to log into your ThemeForest account and go to your http://themeforest.net/downloads page. Locate the theme that you purchased in your Downloads list and click on the Download button

All files & documentation: contains documentation, licenses, theme package, child theme package and some PSD files. So if you select this option, you need to extract the downloaded package and install the theme package inside.
Installation WordPress file only: contains only the theme package
License certificate & purchase code (PDF): contains your license information in a PDF file
License certificate & purchase code (text): contains your license information in a text file

WordPress Installation

Follow the steps below to install via WordPress:

In your WordPress Admin Panel, go to Appearance > Themes
Click on the Add New and Upload Theme buttons
Click on the Choose File button and navigate to find the gon.zip file on your computer and click on the Install Now button
Wait while the theme is uploaded and installed
Activate the newly installed theme
Then you will get a notification about installing the required plugins. Follow the steps to install and activate the plugins

Please note that some hostings have a restriction on a size of a file that you are uploading. If you have any warning, you will contact your hosting provider. They should increase your maximum upload size.

FTP Installation

Follow the steps below to install via FTP:

Log into your hosting space via a FTP software
Unzip the gon.zip file and ONLY use the extracted gon folder
Upload the extracted gon folder into wp-content > themes folder
Go to Appearance > Themes and activate Gon theme
Then you will get a notification about installing the required plugins. Follow the steps to install and activate the plugins

Required Plugins

After activating the theme, you will get a notification about installing the required plugins. You go to Appearance > Install Plugins to install them.

Please note that you do not purchase directly WPBakery Page Builder and Revolution Slider plugins. So you can not update them by yourself. It is also not recommended. When they have a new version, we will be careful to test and release the new theme's version.
We also notice that you should not update other plugins without updating the theme. Please see our changelog to make sure that the current theme version is compatible with the new plugin version.

Demo Content

Our theme includes the demo data to the One Click Demo Import plugin. In admin panel, you go to Appearance > Gon Importer (You have to install and activate the ThemeSky plugin to see this menu item). Then you click on the Import Demo Data button and the Continue & Import button without selecting any recommended plugin from One Click Demo Import. It will take a few minutes to complete.

Please note that:

- All demo images are replaced by the placeholder images because of themeforest's policy.

- If you have any problem with import, please read the following article and check your hosting configuration https://ocdi.com/import-issues/

- If you want to install exactly the same as our demo (include the demo images), you can download and install the full demo package here https://downloads.theme-sky.com/.

Updating The Theme

Manual Update

Follow the steps below to manually update the theme:

First, you download the new theme package from themeforest. You have to log into your themeforest account and navigate to Downloads tab. You find the Gon theme in your purchased themes list.
You can delete the current theme. Don't worry about this. Your data won't be lost.
You upload the new theme package via WordPress or FTP software.

Please ensure that you only upload the installable wordpress file. If not, you may get an error message: The package could not be installed. The theme is missing the style.css stylesheet.

Automatic Update

You update the theme through the Envato Market plugin. Follow the steps below to set up this plugin:

Download and install the Envato Market plugin
You go to here https://build.envato.com/create-token/ and create a token. Get it.
In WordPress admin panel, you find the section called Envato Market. You enter your token code in there.

Please read this tutorial https://skygroup.ticksy.com/article/15704 to get more information.

Please note that:

If you translated the theme to another language, you should backup your translation files in the themes > gon > languages folder before updating. You should also backup the translation files in the plugin folder.
After updating the theme, you should update the recommended plugins if there is a notification message about updating plugins. You go to Appearance > Install Plugins to update plugins. If you can not update the recommended plugins in wp admin, you should manually update them. You can find the plugin packages in the theme folder > framework > plugins folder.
You can not update the WPBakery Page Builder and Revolution Slider plugins in Appearance > Install Plugins. To update 2 these plugins, you need to delete them first. Then, you go to Appearance > Install Plugins and install them again.

Theme Options

After activating our theme, you can go to Appearance > Theme Options to configure the theme. Below will explain what you can do with Theme Options.

General: Add your logo and some global options
Color Scheme: manage your site color
Typography: you can change font and font size in there
Header: set up the Header Layout, breadcrumb and other options for header
Menu: some options for menu
Blog: configure the Blog Layout and some options to Show/Hide some things on the blog page
Portfolio Details: some options to Show/Hide some things on the portfolio page
WooCommerce: some global WooCommerce options, such as Product label, Quickshop, Ajax search
Product Category: you configure your Shop page in there
Product Details: you configure your Product page in there
Custom CSS/JS: allow you to add custom css/js
Backup: backup or restore your theme options

Widgets & Sidebars

To manage widgets, you go to Appearance > Widgets. Just drag and drop widgets over to the sidebar.

Gon comes with 19 custom widgets and 8 sidebars. You can also easily add a new sidebar.

Product Category Top Content

This widget area allows you to add the filter widgets into the Shop/Category page as the screenshot.

Product Category Filter

You go to Appearance > Widgets. You drag and drop the filter widgets into the Product Category Top Content widget area.

If you want to hide this section, you go to Theme Options > Product Category tab. You find the Top Content Widget Area option and turn it off.

Adding The Logo & Favicon

Follow the steps below to set up the logo & favicon:

Navigate to Appearance > Theme Options. You select General tab
Click on the Upload button and choose a file from your library
You can also add the image link into the input field

Setting Up Header

To set up your header, you go to Appearance > Theme Options > Header tab. In there, you can choose the Header Layout, configure your breadcrumb and other options.

Header Layout

Gon comes with 8 different header layouts. Just choose one of our header layouts for your site.

You can also choose the header layout for individual pages (See Page Options).

Breadcrumb

Gon comes with 3 different breadcrumb layouts. Just choose one of our breadcrumb layouts for your site.

You can also choose the breadcrumb layout for individual pages (See Page Options).

Other Options

Header Contact Information: Add your contact information in the top header
Header Currency: Show/Hide multi-currency switcher
Header Language: Show/Hide multi-language switcher
Shopping Cart: Show/Hide mini cart
Search Bar: Show/Hide the search bar
My Account: Show/Hide the login form/my account link
Wishlist: Show/Hide the wishlist page link
Sticky Header: Show/Hide the header when you scroll down

Header Customization

If you want to customize the theme, you should create the child theme before making any changes. Please note that you have to install the required plugins before activating the child theme. Otherwise, you will get an error if you install the plugins in Appearance > Install Plugins page.

You can find the sample child theme package (gon-child.zip file) in your downloaded file (you have to download All files & documentation).

Follow the steps below to override header template:

Copy the template file from the parent theme folder to the child theme folder
Edit the template file in the child theme folder

Footer

Gon allows you to create unlimited footer layouts. The following sections will explain how to set up a new footer.

Adding Footer Content

Follow the steps below to add a new footer content:

In admin panel, you go to Footer Blocks
Add a new footer block and add content as you normally do with the pages
Then, you go to Appearance > Widgets. You drag and drop the TS - Footer Block widget into Footer Widget Area or Footer Copyright Widget Area
Simply choose your footer block from dropdown list

Please note:

You have to activate our ThemeSky plugin to see the Footer Blocks menu item and the TS - Footer Block widget.
If the WPBakery Page Builder editor does not show up, you will go to WPBakery Page Builder > Role Manager. You set Post types to Custom and check the ts_footer_block post type below.

Adding a Widget to Footer Content

Sometimes, you need to add a widget to Footer Content. You can not find the widget in WPBakery Page Builder content element list. Please follow the steps below:

Add a new sidebar. To do it, you go to Appearance > Widgets. You will see a form at the bottom. You input your sidebar name and click on the Add Sidebar button
Drag and drop a widget into your new sidebar
Go back to page editor, you add the Widgetised Sidebar element
In the Widgetised Sidebar Settings panel, you choose your sidebar from dropdown list of Sidebar option

Go to Appearance > Menus to create or edit a menu that you already have
Only first level of menu items can enable Mega Menu. Just check Enable Mega Menu option
After enabling Mega Menu, it will show you the options of Mega Menu below
- Columns: You can choose 1, 2, 3, 4 columns or Fullwidth
- Display A Widget Area: Get content from Widget Area
- Static HTML: Allow you to add directly custom html code into your menu
- Set Thumbnail: Add an image next to menu item. If you want to add an icon, you can add a FontAwesome class into the CSS Classes field
- Set Background: This option allows you to set a background image for Mega Menu
- Background Repeat and Background Position: Allow you to configure the background image

After setting up your menu, you will scroll down to the bottom and assign the menu to the Primary Navigation location. If you assign your menu to the Vertical Navigation location, it will become your vertical menu.

Mobile menu doesn't support Mega Menu. If you want to show another menu on Mobile, you will create a new menu and assign to the Mobile Navigation location.

In some cases, if you don't see the Product Categories tab or the CSS Classes field, you will click the Screen Options button on the top right corner. You find elements that you want to show and enable them.

This section explains how to create a mega menu look like our demo

We use the Navigation Menu widget to display the mega menu content. Each Navigation Menu is a column in the mega menu

Create a menu. You will not assign to any menu location
Go to Appearance > Widgets. You add a Navigation Menu widget to one of TS Mega Menu Widget Areas
Select Menu from dropdown list
Go to Appearance > Menus. You select a Mega Menu Widget Area that you have set up

You can use the Text widget and add custom html. Each Text widget is not a column. Below is the sample code

				<div class="ts-mega-menu mg-col-4" style="width: 65%; float: left;">
					<div class="list-link">
						<h2 class="widgettitle">List pages</h2>
						<ul class="menu menu-list-brand">
							<li><a href="?p=315">Blog standard</a></li>
							<li><a href="?p=4001">Blog mansory</a></li>
							<li><a href="?p=216">Blog detail</a></li>
							<li><a href="http://devtheme.wpchance.com/gon/shop/forums/">Forums</a></li>
							<li><a href="?p=1820">Topic</a></li>
							<li><a href="?p=1738">Forum detail</a></li>
						</ul>
					</div>
					<div class="list-link">
						<h2 class="widgettitle">List pages</h2>
						<ul class="menu menu-list-brand">
							<li><a href="?p=4182">About us</a></li>
							<li><a href="?p=4271">Service</a></li>
							<li><a href="?p=1613">Contact us</a></li>
							<li><a href="?p=760">FAQ</a></li>
							<li><a href="#">Coming soon</a></li>
							<li><a href="?p=3434">404 page</a></li>
						</ul>
					</div>
					<div class="list-link">
						<h2 class="widgettitle">List pages</h2>
						<ul class="menu menu-list-brand">
							<li><a href="?p=51">Shop page</a></li>
							<li><a href="?p=52">Shopping cart</a></li>
							<li><a href="?p=53">Checkout</a></li>
							<li><a href="?p=54">My account</a></li>
							<li><a href="?p=491">Track order</a></li>
							<li><a href="?p=90">Wishlist</a></li>
						</ul>
					</div>
					<div class="list-link">
						<h2 class="widgettitle">List pages</h2>
						<ul class="menu menu-list-brand">
							<li><a href="?p=313">Portfolio</a></li>
							<li><a href="?p=507">Team member</a></li>
							<li><a href="?p=517">Testimonial</a></li>
							<li><a href="?p=515">Feature</a></li>
							<li><a href="?p=1624">Slider logo</a></li>
							<li><a href="?p=4255">Price table</a></li>
						</ul>
					</div>
				</div>

To insert your logo into the menu, just add the img tag into the Navigation Label field and the logo-header-menu class for your menu item.

Pages

Gon comes with WPBakery Page Builder plugin and powerful Page Options which help you build any kinds of pages. The following sections will explain how to create a new page and make it look like our demo. If you use our One Click Import Demo functionality, you can ignore this.

Create A New Page

Follow the steps below to create a new page:

In admin panel, go to Pages and click on the Add New button
Input the page title and page content
On the Page Attributes section, choose the page template from dropdown list
Scroll down and find the Page Options section, make some configurations for your page

Page Options

In the page editor, you will see the Page Options section at the bottom of editor. It will help you create many kinds of pages.

Some options will override the options in Theme Options. Select Default if you want to use your global settings.

Layout Style: select Boxed or Wide layout
Page Layout: select Fullwidth, Left Sidebar, Right Sidebar or Left & Right Sidebar
Left Sidebar: select the sidebar to display on the left sidebar
Right Sidebar: select the sidebar to display on the right sidebar
Full Page: enable this option if you want to display each row in a page
Header Layout: select one of Header Layouts
Transparent Header: set the background of header to transparent
Header Text Color: allow you to change the color of text on the header
Primary Menu: select a different menu for this page
Show Page Title: show or hide the page title. The page title is hidden on the home page
Show Breadcrumb: show or hide the breadcrumb. It is also hidden on the home page
Breadcrumb Layout: set the layout for your breadcrumb
Breadcrumb Background Parallax: allow you to apply parallax in the breadcrumb background
Breadcrumb Background Image: change the breadcrumb background image for this page
Logo: allow you to display a different logo on this page
Sticky Logo: as the Logo, you can display a different sticky logo on this page
Page Slider: allow you to add a slider on your page
Page Slider Position: set Position for your slider (Before Header or Before Main Content)
Select Revolution Slider: if you set Page Slider to Revolution Slider, you will select a slider to display

Home Pages

Setting up a home page

In admin panel, you go to Settings > Reading.
You choose the A static page(select below) option.
Select a page from dropdown list of the Homepage option.

Below is our demo home pages. To build a home page look like our demo, you copy the page content into the Text editor and make some configuration.

Default Store

Page Content:

					[vc_row enable_parallax="" el_class="fix-column-no-margin fix-banner-content-padding" css=".vc_custom_1442547129384{margin-bottom: 3px !important;}"][vc_column width="1/3"][ts_banner bg_id="5664" bg_color="#75a6d4" position_content="right-center" opacity_bg_device="0" responsive_size="1" bg_repeat="no-repeat"]
					<h2 style="color: #ffffff; margin-bottom: 2px;">FREE <span style="font-weight: normal; font-style: italic;">Shipping</span></h2>
					<p style="color: #ffffff;">on all oders over $50.00</p>
					[/ts_banner][/vc_column][vc_column width="1/3"][ts_banner bg_id="5665" bg_color="#8ed2c7" position_content="right-center" opacity_bg_device="0" responsive_size="1" bg_repeat="no-repeat"]
					<h2 style="color: #fff; margin-bottom: 2px;">FREE <span style="font-weight: normal; font-style: italic;">Return</span></h2>
					<p style="color: #fff;">Only for all oders over $100.00</p>
					[/ts_banner][/vc_column][vc_column width="1/3"][ts_banner bg_id="5666" bg_color="#ecb3b8" position_content="right-center" opacity_bg_device="0" responsive_size="1" bg_repeat="no-repeat"]
					<h2 style="color: #fff; margin-bottom: 2px;">FREE <span style="font-weight: normal; font-style: italic;">Support</span></h2>
					<p style="color: #fff;">24 / 7 from Monday to Friday</p>
					[/ts_banner][/vc_column][/vc_row][vc_row enable_parallax="" css=".vc_custom_1433217306120{margin-bottom: 60px !important;}"][vc_column width="1/4" el_class="ts-sidebar"][vc_widget_sidebar sidebar_id="home-sidebar"][/vc_column][vc_column width="3/4"][vc_tta_tabs active_section="1"][vc_tta_section title="New Arrivals" tab_id="1436361791030-9857704a-a5b5"][ts_products_slider style_content="content-no-border" columns="4" rows="2" per_page="8" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="1" show_add_to_cart="1" show_nav="1" style="1"][/vc_tta_section][vc_tta_section title="Featured Products" tab_id="1436361829054-62243655-b186"][ts_products_slider style_content="content-no-border" product_type="featured" columns="4" rows="2" per_page="10" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="1" style="1"][/vc_tta_section][vc_tta_section title="Best Sellers" tab_id="1436361792290-67c6c8f5-73d2"][ts_products_slider style_content="content-no-border" product_type="best_selling" columns="4" rows="2" per_page="10" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="1" style="1"][/vc_tta_section][/vc_tta_tabs][ts_single_image img_id="5520" link_title="GonShop" style_effect="eff-border-scale"][vc_tta_tabs][vc_tta_section title="Special Products" tab_id="1436362756295-d2a9ef37-0d96"][vc_row_inner css=".vc_custom_1432611830762{margin-bottom: 0px !important;}"][vc_column_inner el_class="ts-single-product" width="1/3"][ts_products style_content="content-no-border" columns="5" per_page="5" ids="78" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="1" show_add_to_cart="1"][/vc_column_inner][vc_column_inner width="1/3"][ts_products_widget per_page="3" product_cats="74,130,7" show_image="1" show_title="1" show_price="1" show_rating="1" show_categories="1" is_slider="0" rows="3" show_nav="1" auto_play="1"][/vc_column_inner][vc_column_inner width="1/3"][ts_products_widget per_page="3" product_cats="164,163" show_image="1" show_title="1" show_price="1" show_rating="1" show_categories="1" is_slider="0" rows="3" show_nav="1" auto_play="1"][/vc_column_inner][/vc_row_inner][/vc_tta_section][/vc_tta_tabs][vc_row_inner css=".vc_custom_1441971943800{margin-right: 0px !important;margin-left: 0px !important;background-image: url(http://dev.theme-sky.com/gon/wp-content/uploads/2014/09/bg-newsletter.jpg?id=5332) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;}" el_class="newsletters-main-content"][vc_column_inner][ts_feedburner_subscription intro_text="Enjoy our newsletter to stay updated with the latest news and special sales." intro_text_2="Let's your email address here!"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row enable_parallax="" css=".vc_custom_1434100473682{margin-bottom: 20px !important;}"][vc_column width="1/2"][ts_banner bg_id="5338" position_content="right-center" style_effect="background-scale-and-line" opacity_bg_device="0" responsive_size="1"]
					<h2 style="color: #ffffff;">NEW SHOES
					CASUAL</h2>
					<h6 style="color: #ffffff; margin-bottom: 0;">SALE UP TO 70%</h6>
					[/ts_banner][/vc_column][vc_column width="1/2"][ts_banner bg_id="5339" position_content="right-center" style_effect="background-scale-and-line" opacity_bg_device="0" responsive_size="1"]
					<h6 style="color: #ffffff;">NEW ARRIALS</h6>
					<h2 style="color: #ffffff;">T-SHIRT
					CLOTHING</h2>
					[/ts_banner][/vc_column][/vc_row][vc_row css=".vc_custom_1436363785278{margin-bottom: 55px !important;}"][vc_column][ts_blogs title="Latest news" layout="slider" columns="3" per_page="4" categories="44" show_title="1" show_thumbnail="1" show_author="0" show_comment="1" show_date="1" show_excerpt="1" show_readmore="1" show_load_more="1" show_nav="1" auto_play="1" style_blog_item=""][/vc_column][/vc_row][vc_row full_width="stretch_row" bg_type="video" video_url="http://dev.theme-sky.com/gon/wp-content/uploads/2014/12/bg-video-home-main.mp4" video_url_2="http://dev.theme-sky.com/gon/wp-content/uploads/2014/12/bg-video-home-main.webm" video_poster="5711" video_opts="loop" css=".vc_custom_1443943221936{margin-bottom: 0px !important;}"][vc_column][vc_column_text]
					<h1 class="ts-video-title" style="color: #fff;">LOOK BOOK HIGH FASHION</h1>
					<p class="ts-video-excerpt" style="color: #fff;">HOT VIDEO OF THIS YEAR</p>
					[/vc_column_text][/vc_column][/vc_row]

Page Configurations:

Page Template: Default Template
Layout Style: Default ( Wide )
Page Layout: Fullwidth
Header Layout: Default ( Header Layout 1 )
Page Slider: Revolution Slider

Fullwidth Parallax

Page Content:

					[vc_row css=".vc_custom_1435922708830{margin-bottom: 40px !important;}"][vc_column][vc_column_text]
					<h3 class="heading-shortcode">Hot deals</h3>
					[/vc_column_text][/vc_column][/vc_row][vc_row css=".vc_custom_1435851693868{margin-bottom: 50px !important;}"][vc_column width="1/2"][ts_banner bg_id="5833" position_content="right-center" style_effect="background-scale-dark" opacity_bg_device="0" responsive_size="1"]
					<div style="text-align: center; margin-right: -30px;">
					<h2 class="h2-big" style="color: #fff;"><span style="font-weight: normal; text-transform: none; display: inline-block; margin-bottom: 5px;">Women's</span>
					Clothing</h2>
					<a class="button button-light" style="margin-top: 30px;">show now</a>

					</div>
					[/ts_banner][ts_product_deals_slider style_content="content-no-border" columns="2" per_page="5" product_cats="17, 163" show_counter="1" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="0" auto_play="1" margin="30" slider_center="0"][/vc_column][vc_column width="1/2"][ts_product_deals_slider style_content="content-no-border" columns="2" per_page="5" product_cats="8, 58, 10" show_counter="1" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="0" auto_play="1" margin="30" slider_center="0"][ts_banner bg_id="5834" position_content="center-center" style_effect="background-scale-dark" opacity_bg_device="0" responsive_size="1"]
					<h2 class="h2-big" style="color: #fff;"><span style="font-weight: normal; text-transform: none; display: inline-block; margin-bottom: 5px;">Men's</span>
					Clothing</h2>
					<a class="button button-light" style="margin-top: 30px;">show now</a>[/ts_banner][/vc_column][/vc_row][vc_row full_width="stretch_row" css=".vc_custom_1435809045274{margin-bottom: 60px !important;padding-top: 10px !important;padding-bottom: 10px !important;background-color: #f6f6f6 !important;}"][vc_column width="1/2" css_animation="appear"][vc_column_text]<img class="aligncenter size-full wp-image-5849" src="http://dev.theme-sky.com/gon/wp-content/uploads/2015/07/home-2-feature-product-1.jpg" alt="home-2-feature-product-1" width="448" height="471" />[/vc_column_text][/vc_column][vc_column width="1/2" css_animation="bottom-to-top" css=".vc_custom_1435816334199{padding-top: 60px !important;padding-bottom: 60px !important;}" el_class="banner-content-center"][vc_column_text]
					<h2 class="h2-bigbom">Discount <span style="font-weight: normal;">50%</span></h2>
					<p class="desc-bold-upper">Cut from a French Terry cotton-blend fabric in a comfortably clean design this wear-anywhere athletic jacket.</p>
					[/vc_column_text][ts_button text_color_hover="#7aaedd" bg_color="#7aaedd" bg_color_hover="#f6f6f6" border_color="#7aaedd" border_color_hover="#7aaedd" border_width="2" size="medium" popup="0"]Buy now[/ts_button][/vc_column][/vc_row][vc_row css=".vc_custom_1437019230741{margin-bottom: 0px !important;}"][vc_column][vc_tta_tabs active_section="1" ts_style="default_no_border"][vc_tta_section title="New arrivals" tab_id="1437019209367-9c2d730b-9bb1"][ts_products_slider style_content="content-no-border" columns="5" rows="2" per_page="12" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="1" margin="30"][/vc_tta_section][vc_tta_section title="Feature products" tab_id="1437019210121-44a5bb6c-234a"][ts_products_slider style_content="content-no-border" product_type="featured" columns="5" rows="2" per_page="12" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="1" margin="30"][/vc_tta_section][vc_tta_section title="Best sellers" tab_id="1437019264452-c4d627f3-d291"][ts_products_slider style_content="content-no-border" product_type="best_selling" columns="5" rows="2" per_page="12" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="1" margin="30"][/vc_tta_section][/vc_tta_tabs][/vc_column][/vc_row][vc_row css=".vc_custom_1435918379462{margin-top: -10px !important;margin-bottom: 80px !important;}"][vc_column][vc_column_text]
					<p style="text-align: center;"><a class="button" href="?p=51">Show more products</a></p>
					[/vc_column_text][/vc_column][/vc_row][vc_row full_width="stretch_row_content_no_spaces" bg_type="image" bg_image_new="5372" css=".vc_custom_1442545453819{margin-bottom: 60px !important;padding-top: 20px !important;padding-bottom: 70px !important;}"][vc_column][ts_testimonial show_avatar="0" text_color_style="text-light" is_slider="1" show_nav="1" show_dots="0" auto_play="0"][/vc_column][/vc_row][vc_row][vc_column][ts_blogs title="Latest news" layout="slider" columns="2" per_page="3" show_title="1" show_thumbnail="1" show_author="0" show_comment="1" show_date="1" show_excerpt="1" show_readmore="1" show_load_more="1" show_nav="1" auto_play="1" style_blog_item="item-border"][/vc_column][/vc_row][vc_row css=".vc_custom_1445415182790{margin-bottom: 50px !important;}"][vc_column][ts_logos_slider rows="1" categories="89" active_link="1" show_nav="1"][/vc_column][/vc_row][vc_row full_width="stretch_row" css=".vc_custom_1444627947357{margin-bottom: 0px !important;background-color: #7aaedc !important;}"][vc_column][vc_row_inner css=".vc_custom_1444706429384{background-position: 0 0 !important;background-repeat: no-repeat !important;}" el_class="text-light"][vc_column_inner][ts_feedburner_subscription style="style-3"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

Page Configurations:

Page Template: Default Template
Layout Style: Default ( Wide )
Page Layout: Fullwidth
Header Layout: Header Layout 2
Page Slider: Revolution Slider

Catalog

Page Content:

					[vc_row el_class="fix-column-no-margin banner-no-margin" css=".vc_custom_1436533642690{margin-bottom: 60px !important;}"][vc_column width="1/2"][ts_banner bg_id="5657" position_content="right-top" opacity_bg_device="1" responsive_size="1"]
					<div class="text-right">
					<h2 class="heading-big"><span style="text-transform: none; font-weight: normal;">Women's</span>
					T- SHIRT</h2>
					<a class="button button-transparent button-big">Shop now</a>

					</div>
					[/ts_banner][vc_row_inner css=".vc_custom_1436438829506{margin-right: 0px !important;margin-left: 0px !important;}"][vc_column_inner width="1/2"][ts_banner bg_id="5736" bg_color="#f9f9f9" position_content="center-center" link="#" style_effect="background-opacity" opacity_bg_device="0" responsive_size="0"]
					<h3 class="h3-big" style="color: #3f3f3f; text-align: center;">SNEAKERS</h3>
					<h4 class="h4-big" style="color: #3f3f3f; text-align: center;">GREEN COLORS</h4>
					[/ts_banner][ts_single_image img_id="5662" style_effect="eff-background-fade-icon"][/vc_column_inner][vc_column_inner width="1/2"][ts_single_image img_id="5660" style_effect="eff-background-fade-icon"][ts_banner bg_id="5736" bg_color="#f9f9f9" position_content="center-center" link="#" style_effect="background-opacity" opacity_bg_device="0" responsive_size="0"]
					<h3 class="h3-big" style="color: #3f3f3f; text-align: center;">MEN BAG</h3>
					<h4 class="h4-big" style="color: #3f3f3f; text-align: center;">MULTI COLORS</h4>
					[/ts_banner][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width="1/2"][vc_row_inner css=".vc_custom_1436441199463{margin-right: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;}"][vc_column_inner width="1/2"][ts_single_image img_id="5658" style_effect="eff-background-fade-icon"][ts_banner bg_id="5736" bg_color="#f9f9f9" position_content="center-center" link="#" style_effect="background-opacity" opacity_bg_device="0" responsive_size="0"]
					<h3 class="h3-big" style="color: #3f3f3f; text-align: center;">HANDBAG</h3>
					<h4 class="h4-big" style="color: #3f3f3f; text-align: center;">$120.0</h4>
					[/ts_banner][/vc_column_inner][vc_column_inner width="1/2"][ts_banner bg_id="5736" bg_color="#f9f9f9" position_content="center-center" link="#" style_effect="background-opacity" opacity_bg_device="0" responsive_size="0"]
					<h3 class="h3-big" style="color: #3f3f3f; text-align: center;">EYEWEAR</h3>
					<h4 class="h4-big" style="color: #3f3f3f; text-align: center;">PINK LOVE</h4>
					[/ts_banner][ts_single_image img_id="5659" style_effect="eff-background-fade-icon"][/vc_column_inner][/vc_row_inner][ts_banner bg_id="5661" opacity_bg_device="1" responsive_size="1"]
					<h2 class="heading-big"><span style="text-transform: none; font-weight: normal;">Men's Clothing</span>
					T-SHIRT</h2>
					<a class="button button-transparent button-big">Shop now</a>[/ts_banner][/vc_column][/vc_row][vc_row][vc_column][vc_tta_tabs active_section="1" ts_style="default_no_border" el_class="content-product-padding"][vc_tta_section title="New arrivals" tab_id="1436193450333-1cc293aa-f6f5"][ts_products_slider style_content="content-no-border" columns="6" rows="1" per_page="7" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="1" position_nav="nav-bottom"][/vc_tta_section][vc_tta_section title="Feature products" tab_id="1436193450369-ebe686ee-4f2a"][ts_products_slider style_content="content-no-border" product_type="featured" columns="6" rows="1" per_page="6" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="1" position_nav="nav-bottom"][/vc_tta_section][vc_tta_section title="Best sellers" tab_id="1436193635759-1ab38b81-3ec6"][ts_products_slider style_content="content-no-border" product_type="best_selling" columns="6" rows="1" per_page="6" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="1" position_nav="nav-bottom"][/vc_tta_section][/vc_tta_tabs][/vc_column][/vc_row][vc_row css=".vc_custom_1436363154270{margin-bottom: 0px !important;}"][vc_column][ts_google_map address="Birmingham, AL" height="500" zoom="12" map_type="TERRAIN"][/vc_column][/vc_row]

Page Configurations:

Page Template: Fullwidth Template
Layout Style: Default ( Wide )
Page Layout: Fullwidth
Header Layout: Header Layout 3
Page Slider: Revolution Slider

Classic Box

Page Content:

					[vc_row css=".vc_custom_1444656361879{margin-bottom: 0px !important;}"][vc_column width="1/3" el_class="feature-blue"][ts_feature class_icon="fa-bus" style_icon="icon-small" title="Free shipping" excerpt="Totally free for all oders over $50.00" link="#"][/vc_column][vc_column width="1/3" el_class="feature-green"][ts_feature class_icon="fa-rocket" style_icon="icon-small" title="Free return" excerpt="Just only for all oders over $100.00" link="#"][/vc_column][vc_column width="1/3" el_class="feature-pink"][ts_feature class_icon="fa-support" style_icon="icon-small" title="Free support" excerpt="24/7 from Monday to Sunday" link="#"][/vc_column][/vc_row][vc_row][vc_column width="2/3"][rev_slider_vc alias="home-page-4"][/vc_column][vc_column width="1/3" el_class="hidden-categories-reponsive"][ts_product_deals_slider style_content="content-no-border" columns="1" per_page="3" show_counter="1" counter_position="on-thumbnail" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="1" show_add_to_cart="1" show_nav="0" auto_play="1" slider_center="0"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][ts_banner bg_id="5854" position_content="center-center" style_effect="background-scale-dark" opacity_bg_device="0" responsive_size="0"]
					<h2 class="h2-big-normal" style="color: #ffffff;">Acessories</h2>
					<h6 style="color: #ffffff; margin-bottom: 0;">NOW IN STORE</h6>
					[/ts_banner][/vc_column][vc_column width="1/3"][ts_banner bg_id="5853" position_content="center-center" style_effect="background-scale-opacity-line" opacity_bg_device="0" responsive_size="0"][/ts_banner][/vc_column][vc_column width="1/3"][ts_banner bg_id="5852" position_content="center-center" style_effect="background-scale-dark" opacity_bg_device="0" responsive_size="0"]
					<h2 class="h2-big-normal" style="color: #ffffff;">Lookbook</h2>
					<h6 style="color: #ffffff; margin-bottom: 0;">WONMEN COLLECTION</h6>
					[/ts_banner][/vc_column][/vc_row][vc_row css=".vc_custom_1438171857466{margin-bottom: 80px !important;}"][vc_column][ts_products_slider title="New Arrivals" style_content="content-no-border" columns="5" rows="2" per_page="12" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="1"][vc_column_text css=".vc_custom_1438151942028{margin-top: 10px !important;}"]
					<p style="text-align: center;"><a class="button" href="?p=51">View more products</a></p>
					[/vc_column_text][/vc_column][/vc_row][vc_row bg_type="image" bg_image_new="5855" css=".vc_custom_1444658053185{margin-right: 0px !important;margin-bottom: 60px !important;margin-left: 0px !important;padding-top: 45px !important;padding-bottom: 80px !important;}"][vc_column][ts_testimonial show_avatar="0" excerpt_words="30" text_color_style="text-light" is_slider="1" show_nav="0" show_dots="0" auto_play="1"][/vc_column][/vc_row][vc_row css=".vc_custom_1444808343856{margin-bottom: 30px !important;}"][vc_column][ts_blogs title="Latest news" layout="slider" columns="3" per_page="5" categories="44" show_title="1" show_thumbnail="1" show_author="0" show_comment="1" show_date="1" show_excerpt="1" show_readmore="1" show_load_more="0" show_nav="1" auto_play="1" style_blog_item="item-border"][/vc_column][/vc_row]

Page Configurations:

Page Template: Default Template
Layout Style: Boxed
Page Layout: Fullwidth
Header Layout: Header Layout 4
Page Slider: No Slider

Special Collection

Page Content:

					[vc_row el_class="fix-column-no-margin banner-no-margin" css=".vc_custom_1437533399381{margin-bottom: 0px !important;}"][vc_column width="1/4" css_animation="left-to-right"][ts_single_image img_id="5660" style_effect="eff-background-fade-icon"][/vc_column][vc_column width="1/4" css_animation="bottom-to-top"][ts_banner bg_id="5736" bg_color="#f9f9f9" position_content="center-center" style_effect="background-opacity" opacity_bg_device="0" responsive_size="0"]
					<h3 class="h3-big" style="color: #3f3f3f; text-align: center;">SNEAKERS</h3>
					<h4 class="h4-big" style="color: #3f3f3f; text-align: center;">MULTI COLORS</h4>
					[/ts_banner][/vc_column][vc_column width="1/4" css_animation="top-to-bottom"][ts_single_image img_id="5659" style_effect="eff-background-fade-icon"][/vc_column][vc_column width="1/4" css_animation="right-to-left"][ts_banner bg_id="5736" bg_color="#f9f9f9" position_content="center-center" style_effect="background-opacity" opacity_bg_device="0" responsive_size="0"]
					<h3 class="h3-big" style="color: #3f3f3f; text-align: center;">HANDBAG</h3>
					<h4 class="h4-big" style="color: #3f3f3f; text-align: center;">NEW ARRIVALS</h4>
					[/ts_banner][/vc_column][/vc_row][vc_row el_class="fix-column-no-margin banner-no-margin ts-large-one-third" css=".vc_custom_1437624213077{margin-bottom: 0px !important;}"][vc_column width="1/3" css_animation="top-to-bottom"][ts_products_slider title="Man's clothing" style_content="content-no-border" columns="3" rows="1" per_page="6" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="1" position_nav="nav-bottom"][/vc_column][vc_column width="2/3" css_animation="bottom-to-top"][ts_banner bg_id="5671" position_content="left-bottom" opacity_bg_device="0" responsive_size="1"]
					<div class="banner-margin-bottom">
					<h2 class="heading-big" style="color: #fff;"><span style="text-transform: none; font-weight: normal;">MEN STYLE</span>
					LOOKBOOK</h2>
					<a class="button button-transparent button-light">Shop now</a>

					</div>
					[/ts_banner][/vc_column][/vc_row][vc_row el_class="fix-column-no-margin banner-no-margin ts-large-one-third" css=".vc_custom_1437624221993{margin-bottom: 0px !important;}"][vc_column width="2/3" css_animation="bottom-to-top"][ts_banner bg_id="5672" position_content="right-top" opacity_bg_device="0" responsive_size="1"]
					<div class="text-right banner-margin-top">
					<h2 class="heading-big" style="color: #fff;"><span style="text-transform: none; font-weight: normal;">HELLO GIRLS</span>
					FASHION</h2>
					<a class="button button-transparent button-light">Shop now</a>

					</div>
					[/ts_banner][/vc_column][vc_column width="1/3" css_animation="top-to-bottom"][ts_products_slider title="Man's clothing" style_content="content-no-border" columns="3" rows="1" per_page="6" product_cats="7" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="1" position_nav="nav-bottom"][/vc_column][/vc_row][vc_row el_class="fix-column-no-margin banner-no-margin ts-large-one-third" css=".vc_custom_1437624229443{margin-bottom: 0px !important;}"][vc_column width="1/3" css_animation="top-to-bottom"][ts_products_slider title="Man's clothing" style_content="content-no-border" columns="3" rows="1" per_page="6" product_cats="17" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="1" position_nav="nav-bottom"][/vc_column][vc_column width="2/3" css_animation="bottom-to-top"][ts_banner bg_id="5673" opacity_bg_device="0" responsive_size="1"]
					<div class="banner-margin-top">
					<h2 class="heading-big" style="color: #fff;"><span style="text-transform: none; font-weight: normal;">CASUAL SPRING</span>
					EYEWEAR</h2>
					<a class="button button-transparent button-light">Shop now</a>

					</div>
					[/ts_banner][/vc_column][/vc_row][vc_row el_class="fix-column-no-margin banner-no-margin ts-large-one-third" css=".vc_custom_1437624235188{margin-bottom: 0px !important;}"][vc_column width="2/3" css_animation="bottom-to-top"][ts_banner bg_id="5674" position_content="right-bottom" opacity_bg_device="0" responsive_size="1"]
					<div class="text-right banner-margin-bottom">
					<h2 class="heading-big" style="color: #fff;"><span style="text-transform: none; font-weight: normal;">SALE UP TO</span>
					50% OFF</h2>
					<a class="button button-transparent button-light">Shop now</a>

					</div>
					[/ts_banner][/vc_column][vc_column width="1/3" css_animation="top-to-bottom"][ts_products_slider title="Man's clothing" style_content="content-no-border" columns="3" rows="1" per_page="6" product_cats="136,10,158" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="1" position_nav="nav-bottom"][/vc_column][/vc_row]

Page Configurations:

Page Template: Fullwidth Template
Layout Style: Default ( Wide )
Page Layout: Fullwidth
Header Layout: Header Layout 5
Page Slider: Revolution Slider

Vertical Slider

Page Content:

					[vc_row el_class="banner-no-margin banner-first"][vc_column][ts_banner bg_id="5678" position_content="center-center" opacity_bg_device="0" responsive_size="1"]
					<h3 class="heading-body" style="color: #ffffff; text-align: center; margin-top: 40px;">AUTUMN & WINTER</h3>
					<h2 class="heading-big" style="color: #ffffff; text-align: center;">NEW COLLECTION LOOKBOOK</h2>
					<p class="text-big" style="color: #ffffff; text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eu odio
					non justo euismod congue ut nec orci.</p>
					<p class="group-button" style="text-align: center;"><a class="button button-fill-light btn-big" href="#">View more</a><a class="button button-primary btn-big" href="#">Buy more</a></p>
					[/ts_banner][/vc_column][/vc_row][vc_row el_class="banner-no-margin"][vc_column][ts_banner bg_id="5679" position_content="center-center" opacity_bg_device="0" responsive_size="1"]
					<h3 class="heading-body" style="color: #ffffff; text-align: center; margin-top: 40px;">SUMMER DAYS</h3>
					<h2 class="heading-big" style="color: #ffffff; text-align: center;">BOUTIQUE FASHION</h2>
					<p class="text-big" style="color: #ffffff; text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eu odio
					non justo euismod congue ut nec orci.</p>
					<p class="group-button" style="text-align: center;"><a class="button button-fill-light btn-big" href="#">View more</a><a class="button button-primary btn-big" href="#">Buy more</a></p>
					[/ts_banner][/vc_column][/vc_row][vc_row el_class="banner-no-margin"][vc_column][ts_banner bg_id="5680" position_content="center-center" opacity_bg_device="0" responsive_size="1"]
					<h3 class="heading-body" style="color: #ffffff; text-align: center; margin-top: 40px;">COUPLE LOVE</h3>
					<h2 class="heading-big" style="color: #ffffff; text-align: center;">HELLO SUMMER LOOKBOOK</h2>
					<p class="text-big" style="color: #ffffff; text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eu odio
					non justo euismod congue ut nec orci.</p>
					<p class="group-button" style="text-align: center;"><a class="button button-fill-light btn-big" href="#">View more</a><a class="button button-primary btn-big" href="#">Buy more</a></p>
					[/ts_banner][/vc_column][/vc_row][vc_row el_class="banner-no-margin"][vc_column][ts_banner bg_id="5681" position_content="center-center" opacity_bg_device="0" responsive_size="1"]
					<h3 class="heading-body" style="color: #ffffff; text-align: center; margin-top: 40px;">TODAY 50% SALE OFF</h3>
					<h2 class="heading-big" style="color: #ffffff; text-align: center;">TRAVEL GLOBAL BAGS</h2>
					<p class="text-big" style="color: #ffffff; text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eu odio
					non justo euismod congue ut nec orci.</p>
					<p class="group-button" style="text-align: center;"><a class="button button-fill-light btn-big" href="#">View more</a><a class="button button-primary btn-big" href="#">Buy more</a></p>
					[/ts_banner][/vc_column][/vc_row][vc_row el_class="banner-no-margin"][vc_column][ts_banner bg_id="5682" position_content="center-center" opacity_bg_device="0" responsive_size="1"]
					<h3 class="heading-body" style="color: #ffffff; text-align: center; margin-top: 40px;">FROM ONLY $9.99</h3>
					<h2 class="heading-big" style="color: #ffffff; text-align: center;">WOMEN'S ACCESSORIES</h2>
					<p class="text-big" style="color: #ffffff; text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eu odio
					non justo euismod congue ut nec orci.</p>
					<p class="group-button" style="text-align: center;"><a class="button button-fill-light btn-big" href="#">View more</a><a class="button button-primary btn-big" href="#">Buy more</a></p>
					[/ts_banner][/vc_column][/vc_row]

Page Configurations:

Page Template: Fullwidth Template
Layout Style: Default ( Wide )
Page Layout: Fullwidth
Header Layout: Header Layout 5
Page Slider: No Slider

Lookbook

Page Content:

					[vc_row css=".vc_custom_1442591326640{margin-top: -30px !important;margin-bottom: 0px !important;background-color: #f8f8f8 !important;}"][vc_column][ts_product_categories_slider columns="4" per_page="5" ids="17,7,8,10,9" hide_empty="1" show_title="1" show_nav="0" auto_play="1"][/vc_column][/vc_row]

Page Configurations:

Page Template: Fullwidth Template
Layout Style: Default ( Wide )
Page Layout: Fullwidth
Header Layout: Header Layout 3
Page Slider: No Slider

Supermarket

Page Content:

					[vc_row css=".vc_custom_1443102384515{margin-top: 10px !important;margin-bottom: 0px !important;}"][vc_column width="1/4" css=".vc_custom_1443102200664{margin-bottom: 30px !important;}"][vc_widget_sidebar sidebar_id="left-sidebar-home-8"][ts_single_image img_id="6255" link_title="GonShop" style_effect="eff-border-scale"][ts_single_image img_id="6256" link_title="GonShop" style_effect="eff-border-scale"][/vc_column][vc_column width="1/2" css=".vc_custom_1443102209817{margin-bottom: 30px !important;}"][rev_slider_vc alias="home-page-8"][ts_product_deals_slider title="Hot deals" layout="list" columns="1" per_page="4" show_counter="1" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="1" show_rating="1" show_label="1" show_categories="1" show_add_to_cart="1" show_nav="1" auto_play="1"][/vc_column][vc_column width="1/4" css=".vc_custom_1443102221398{margin-bottom: 30px !important;}"][vc_widget_sidebar sidebar_id="right-sidebar-home-8"][/vc_column][/vc_row][vc_row][vc_column][ts_single_image img_id="5559" link_title="GonShop" style_effect="eff-border-scale"][/vc_column][/vc_row][vc_row][vc_column][ts_products_in_category_tabs title="FASHION CLOTHING" color="#ebb651" icon_fontawesome="fa fa-gift" banners="5542,5543,5544" columns="3" per_page="6" product_cats="7, 221, 220, 62, 80, 61" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="0" show_label="1" show_categories="0" show_add_to_cart="1"][/vc_column][/vc_row][vc_row][vc_column][ts_products_in_category_tabs title="BEAUTY & HEATH" color="#ef939e" icon_fontawesome="fa fa-female" banners="5545,5547,5546" columns="3" per_page="6" product_cats="75, 137, 72, 71, 225" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="0" show_label="1" show_categories="0" show_add_to_cart="1"][/vc_column][/vc_row][vc_row][vc_column][ts_products_in_category_tabs title="ELECTRONIC & HITECH" color="#67b1d4" icon_fontawesome="fa fa-plug" banners="5548,5550,5549" columns="3" per_page="6" product_cats="152, 135, 153, 13, 151, 134" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="0" show_label="1" show_categories="0" show_add_to_cart="1"][/vc_column][/vc_row][vc_row][vc_column][ts_products_in_category_tabs title="DECOR & HOME" color="#9d83cc" icon_fontawesome="fa fa-wheelchair" banners="5551,5553,5552" columns="3" per_page="6" product_cats="137, 140, 139, 138, 226" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="0" show_label="1" show_categories="0" show_add_to_cart="1"][/vc_column][/vc_row][vc_row][vc_column][ts_products_in_category_tabs title="FOOD & FRUIT" color="#40bea8" icon_fontawesome="fa fa-lemon-o" banners="5554,5556,5555" columns="3" per_page="6" product_cats="74, 73, 130, 83, 222, 223" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="0" show_label="1" show_categories="0" show_add_to_cart="1"][/vc_column][/vc_row][vc_row][vc_column][ts_logos_slider rows="1" categories="89" active_link="1" show_nav="0"][/vc_column][/vc_row]

Page Configurations:

Page Template: Default Template
Layout Style: Default ( Wide )
Page Layout: Fullwidth
Header Layout: Header Layout 6
Page Slider: No Slider

Supermarket 2

Page Content:

					[vc_row el_class="fix-colunm-mini-padding fix-content-pile-revolution" css=".vc_custom_1450491628556{margin-bottom: 20px !important;background-color: #fbfbfb !important;}"][vc_column width="1/2"][ts_single_image img_id="6360" style_effect="eff-border-scale"][/vc_column][vc_column width="1/2"][ts_single_image img_id="6361" style_effect="eff-border-scale"][vc_row_inner css=".vc_custom_1450491696281{margin-bottom: 0px !important;}"][vc_column_inner width="1/2"][ts_single_image img_id="6362" style_effect="eff-border-scale"][/vc_column_inner][vc_column_inner width="1/2"][ts_single_image img_id="6363" style_effect="eff-border-scale"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=".vc_custom_1450425032276{margin-bottom: 0px !important;}"][vc_column][ts_products_in_sub_category_tabs title="ELECTRONIC & HITECH" icon_fontawesome="fa fa-laptop" banners="6364" links="theme-sky.com" per_page="6" product_cat="10" limit_sub_cat="6" featured_product="78" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="0" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="1" auto_play="1"][/vc_column][/vc_row][vc_row el_class="fix-slider-logo-margin-top"][vc_column][ts_logos_slider style_content="content-border" rows="1" categories="89" active_link="1" show_nav="0" auto_play="0"][/vc_column][/vc_row][vc_row css=".vc_custom_1450425032276{margin-bottom: 0px !important;}"][vc_column][ts_products_in_sub_category_tabs title="FASHION CLOTHING" color_title="#ebb551" icon_fontawesome="fa fa-bookmark-o" icon_image="6387" banners="6365" links="theme-sky.com" per_page="6" product_cat="7" limit_sub_cat="6" featured_product="1023" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="0" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="1" auto_play="1"][/vc_column][/vc_row][vc_row el_class="fix-slider-logo-margin-top"][vc_column][ts_logos_slider style_content="content-border" rows="1" categories="89" active_link="1" show_nav="0" auto_play="0"][/vc_column][/vc_row][vc_row css=".vc_custom_1450425032276{margin-bottom: 0px !important;}"][vc_column][ts_products_in_sub_category_tabs title="BEAUTY & HEALTHY" color_title="#ef939e" icon_fontawesome="fa fa-bookmark-o" icon_image="6388" banners="6366" links="theme-sky.com" per_page="6" product_cat="70" limit_sub_cat="6" featured_product="1061" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="0" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="1" auto_play="1"][/vc_column][/vc_row][vc_row el_class="fix-slider-logo-margin-top"][vc_column][ts_logos_slider style_content="content-border" rows="1" categories="89" active_link="1" show_nav="0" auto_play="0"][/vc_column][/vc_row][vc_row css=".vc_custom_1450425032276{margin-bottom: 0px !important;}"][vc_column][ts_products_in_sub_category_tabs title="DECOR & HOME" color_title="#9d83cc" icon_fontawesome="fa fa-bookmark-o" icon_image="6389" banners="6367" links="theme-sky.com" per_page="6" product_cat="136" limit_sub_cat="6" featured_product="1041" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="0" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="1" auto_play="1"][/vc_column][/vc_row][vc_row el_class="fix-slider-logo-margin-top"][vc_column][ts_logos_slider style_content="content-border" rows="1" categories="89" active_link="1" show_nav="0" auto_play="0"][/vc_column][/vc_row][vc_row css=".vc_custom_1450425009613{margin-bottom: 10px !important;}"][vc_column width="1/2" css=".vc_custom_1450143827871{margin-bottom: 20px !important;}"][ts_products_in_sub_category_tabs title="FOOD & FRUIT" color_title="#40bea8" icon_fontawesome="fa fa-bookmark-o" icon_image="6390" color_icon="#50dac3" banners="6368" banner_position="top" links="theme-sky.com" per_page="6" product_cat="17" limit_sub_cat="0" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="0" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="1" auto_play="0"][/vc_column][vc_column width="1/2" css=".vc_custom_1450143835015{margin-bottom: 20px !important;}"][ts_products_in_sub_category_tabs title="SOUVERNIR" color_title="#ff8e66" icon_fontawesome="fa fa-bookmark-o" color_icon="#ffa570" banners="6369" banner_position="top" links="theme-sky.com" per_page="6" product_cat="141" limit_sub_cat="0" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="0" show_label="1" show_categories="0" show_add_to_cart="1" show_nav="1" auto_play="0"][/vc_column][/vc_row][vc_row css=".vc_custom_1450424995687{margin-bottom: 0px !important;}"][vc_column][ts_single_image img_id="6370" style_effect="eff-border-scale"][/vc_column][/vc_row][vc_row full_width="stretch_row" css=".vc_custom_1450424982884{margin-bottom: 0px !important;padding-top: 70px !important;padding-bottom: 50px !important;background-color: #efefef !important;}"][vc_column width="1/3"][ts_list_of_product_categories title="KIDS CLOTHING" bg_image="6371" product_cat="7" include_parent="1" limit_sub_cat=""][/vc_column][vc_column width="1/3"][ts_list_of_product_categories title="FOOD & FRUIT" bg_image="6372" product_cat="17" include_parent="0" limit_sub_cat=""][/vc_column][vc_column width="1/3"][ts_list_of_product_categories title="SOUVENIRS" bg_image="6373" product_cat="141" include_parent="1" limit_sub_cat=""][/vc_column][/vc_row]

Page Configurations:

Page Template: Default Template
Layout Style: Default ( Wide )
Page Layout: Fullwidth
Header Layout: Default ( Header Layout 1 )
Page Slider: Revolution Slider

Supermarket 3

Page Content:

					[vc_row][vc_column][rev_slider_vc alias="home-supermarket-3"][/vc_column][/vc_row][vc_row full_width="stretch_row_content_no_spaces" css=".vc_custom_1458219908549{margin-bottom: 65px !important;}"][vc_column][ts_products_in_category_tabs_2 product_type="sale" columns="3" per_page="6" product_cats="7, 10, 70, 136, 17, 229, 228, 158" include_children="1" active_tab="2" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="0" show_categories="0" show_add_to_cart="1" show_counter="1" is_slider="0" show_nav="0" auto_play="1"][/vc_column][/vc_row][vc_row css=".vc_custom_1457343276549{margin-bottom: 10px !important;}"][vc_column][ts_single_image img_id="6413" style_effect="eff-border-scale"][/vc_column][/vc_row][vc_row][vc_column][ts_products title="Top new arrivals" style_content="content-no-border" columns="5" per_page="5" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="0" show_add_to_cart="1"][/vc_column][/vc_row][vc_row][vc_column][vc_tta_tabs active_section="2" ts_style="default_no_border"][vc_tta_section title="Best sellers" tab_id="1457159110183-a8bb7967-1a6b"][ts_products style_content="content-no-border" product_type="best_selling" columns="5" per_page="5" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="0" show_add_to_cart="1"][/vc_tta_section][vc_tta_section title="Featured products" tab_id="1457159110200-ef7ed0e6-bbca"][ts_products style_content="content-no-border" product_type="featured" columns="5" per_page="5" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="0" show_add_to_cart="1"][/vc_tta_section][vc_tta_section title="Sale off" tab_id="1457159249213-fd1074b4-3cea"][ts_products style_content="content-no-border" product_type="sale" columns="5" per_page="5" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="0" show_categories="0" show_add_to_cart="1"][/vc_tta_section][/vc_tta_tabs][/vc_column][/vc_row][vc_row][vc_column width="1/2"][ts_single_image img_id="6411"][/vc_column][vc_column width="1/2"][ts_single_image img_id="6412"][/vc_column][/vc_row][vc_row css=".vc_custom_1457705645331{margin-bottom: 0px !important;}"][vc_column][ts_heading style="style-2" size="3" text="All categories"][/vc_column][/vc_row][vc_row css=".vc_custom_1458102046394{margin-bottom: 60px !important;}"][vc_column width="1/4"][ts_list_of_product_categories title="Fashion clothing" bg_image="6381" product_cat="7" include_parent="1" limit_sub_cat="6"][ts_list_of_product_categories title="Beauty & Health" bg_image="6385" product_cat="70" include_parent="1" limit_sub_cat="6"][/vc_column][vc_column width="1/4"][ts_list_of_product_categories title="Hitech" bg_image="6382" product_cat="10" include_parent="1" limit_sub_cat="6"][ts_list_of_product_categories title="Toys & Games" bg_image="6386" product_cat="228" include_parent="1" limit_sub_cat="6"][/vc_column][vc_column width="1/4"][ts_list_of_product_categories title="Decor & Home" bg_image="6383" product_cat="136" include_parent="1" limit_sub_cat="6"][ts_list_of_product_categories title="Food & Fruit" bg_image="6387" product_cat="17" include_parent="1" limit_sub_cat="6"][/vc_column][vc_column width="1/4"][ts_list_of_product_categories title="Sport & Outdoor" bg_image="6582" product_cat="158" include_parent="1" limit_sub_cat="6"][ts_list_of_product_categories title="School Supplies" bg_image="6388" product_cat="229" include_parent="1" limit_sub_cat="6"][/vc_column][/vc_row][vc_row full_width="stretch_row" css=".vc_custom_1457845053494{margin-bottom: 0px !important;background-color: #ea7d2d !important;}" el_class="custom-newsletter-long-title"][vc_column][vc_row_inner css=".vc_custom_1444706429384{background-position: 0 0 !important;background-repeat: no-repeat !important;}" el_class="text-light"][vc_column_inner][ts_feedburner_subscription title="SIGN UP FOR NEWSLETTER" style="style-3"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

Page Configurations:

Page Template: Fullwidth Template
Left Right Padding: Yes
Header Layout: Header Layout 8
Page Slider: No Slider

Page Content:

					[vc_row css=".vc_custom_1453556796125{margin-top: -30px !important;margin-bottom: 0px !important;}" el_class="fix-margin-bottom"][vc_column][rev_slider_vc alias="home-sidebar"][/vc_column][/vc_row][vc_row el_class="fix-column-no-margin banner-no-margin" css=".vc_custom_1453557135310{margin-bottom: 0px !important;}"][vc_column width="1/3"][ts_banner bg_id="6399" position_content="left-bottom" link="#" style_effect="background-scale-dark" opacity_bg_device="0" responsive_size="0"]
					<h4 class="h4-big" style="color: #ffffff; letter-spacing: 4px; margin: 0;">SPORT TIME</h4>
					<h3 class="h3-big" style="color: #ffffff;">JEAKETS</h3>
					[/ts_banner][/vc_column][vc_column width="1/3"][ts_banner bg_id="6400" position_content="center-top" link="#" style_effect="background-scale-dark" opacity_bg_device="0" responsive_size="0"]
					<h3 class="h3-big" style="color: #ffffff; margin: 10% 0 0 0px; text-align: center;">SNEAKERS</h3>
					<h4 class="h4-big" style="color: #ffffff; text-align: center; letter-spacing: 4px;">SPORT TIME</h4>
					[/ts_banner][/vc_column][vc_column width="1/3"][ts_banner bg_id="6401" position_content="left-bottom" link="#" style_effect="background-scale-dark" opacity_bg_device="0" responsive_size="0"]
					<h4 class="h4-big" style="color: #ffffff; letter-spacing: 4px; margin: 0;">ALL SUPPER</h4>
					<h3 class="h3-big" style="color: #ffffff;">ACCESSORIES</h3>
					[/ts_banner][/vc_column][/vc_row][vc_row el_class="fix-column-no-margin banner-no-margin fix-width-two-third"][vc_column width="1/3"][ts_banner bg_id="6402" position_content="right-top" link="#" style_effect="background-scale-dark" opacity_bg_device="0" responsive_size="0"]
					<h3 class="h3-big" style="color: #ffffff; margin: 0px; text-align: center;">HANDBAGS</h3>
					<h4 class="h4-big" style="color: #ffffff; text-align: center; letter-spacing: 4px;">LEATHER</h4>
					<img class="aligncenter size-full wp-image-6499" style="margin-top: 15%;" src="http://demo.theme-sky.com/gon-sidebar/wp-content/uploads/2014/12/play-banner-10-4.png" alt="play-banner-10-4" width="60" height="60" />[/ts_banner][/vc_column][vc_column width="2/3"][ts_banner bg_id="6403" position_content="right-center" link="#" style_effect="background-scale-dark" opacity_bg_device="0" responsive_size="0"]
					<h3 class="h3-big" style="color: #ffffff; margin: 0px; text-align: center;">SUNGLASSES</h3>
					<h4 class="h4-big" style="color: #ffffff; text-align: center; letter-spacing: 4px;">BLUE LOVE</h4>
					[/ts_banner][/vc_column][/vc_row][vc_row css=".vc_custom_1453610894556{margin-bottom: 0px !important;}"][vc_column][vc_tta_tabs active_section="2" ts_style="default_no_border"][vc_tta_section title="New arrivals" tab_id="1453542266868-56d19089-a8c0"][ts_products style_content="content-no-border" columns="4" per_page="16" meta_position="on-thumbnail" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="1" show_add_to_cart="1"][/vc_tta_section][vc_tta_section title="Featured products" tab_id="1453542266936-32091dbc-3c8c"][ts_products style_content="content-no-border" product_type="featured" columns="4" per_page="16" meta_position="on-thumbnail" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="1" show_add_to_cart="1"][/vc_tta_section][vc_tta_section title="Best sellers" tab_id="1453542343201-dc1ab021-f0bb"][ts_products style_content="content-no-border" product_type="best_selling" columns="4" per_page="16" meta_position="on-thumbnail" show_image="1" show_title="1" show_sku="0" show_price="1" show_short_desc="0" show_rating="1" show_label="1" show_categories="1" show_add_to_cart="1"][/vc_tta_section][/vc_tta_tabs][/vc_column][/vc_row][vc_row el_class="feedburner-no-background"][vc_column][ts_feedburner_subscription intro_text="Enjoy our newsletter to stay updated with the latest news and special sales." intro_text_2="Let’s your email address here!"][/vc_column][/vc_row]

Page Configurations:

Page Template: Fullwidth Template
Header Layout: Header Layout 7
Page Slider: No Slider

Contact Page

It is easy to make your contact page look like our demo. Simply copy the code below and paste into the page content (in the Text editor).

					[vc_row layout="ts-row-boxed" enable_parallax="" parallax_speed="0.1" css=".vc_custom_1434812886501{margin-top: -30px !important;}" bg_type="no_bg" video_opts="" full_width="stretch_row_content_no_spaces"][vc_column width="1/1"][ts_google_map address="Birmingham, AL" height="560" zoom="12" map_type="ROADMAP"][/vc_column][/vc_row][vc_row layout="ts-row-boxed" enable_parallax="" parallax_speed="0.1" css=".vc_custom_1423039183120{margin-top: 50px !important;}"][vc_column width="1/2"][ts_heading size="2" text="Leave a comments"][contact-form-7 id="17"][/vc_column][vc_column width="1/2"][ts_heading size="2" text="Contact details"][vc_column_text css=".vc_custom_1434816429433{margin-bottom: 5px !important;}"]
					<p style="text-align: left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris convallis sed neque vitae bibendum. Nunc auctor dictum risus, a finibus eros iaculis nec. Sed et euismod felis, non euismod est. Maecenas quis nulla ullamcorper, imperdiet lacus et, porta sem.</p>
					<p style="margin: 20px 0 0 0; color: #3f3f3f; font-weight: bold;">OFFICE ADDRESS</p>
					Your Name Road, London, United of Kingdom
					<p style="margin: 20px 0 0 0; color: #3f3f3f; font-weight: bold;">EMAIL</p>
					themesky.info@gmail.com
					<p style="margin: 20px 0 0 0; color: #3f3f3f; font-weight: bold;">PHONE NUMBER</p>
					025 1234 5678 - 025 1234 5779
					<p style="margin: 20px 0 0 0; color: #3f3f3f; font-weight: bold;">TIME HOURS</p>
					Monday to Friday: 10am to 7pm
					Saturday: 10am to 4pm
					Sunday: 12am to 4pm[/vc_column_text][vc_widget_sidebar sidebar_id="widget-social-contact-page"][/vc_column][/vc_row]

To use the TS Google Map shortcode, you have to input your API key in Appearance > Theme Options > General tab. To get the Google Map API key, you can read this article.

Blog

Gon supports 5 post formats: Standard, Audio, Gallery, Quote and Video. They will help you easily make a microblogging website.

Create A New Post

Follow the steps below to create a new post:

Go to Posts
Click on the Add New button
Input the post title and post content
Choose the post format and category on the right hand side
Scroll down and find the Post Options section, make some configurations for your post

Post Options

In the post editor, you will see the Post Options section at the bottom of editor. It will help you create different layouts for different posts. Also, if you set the post format to Video or Audio, you will input your Video or Audio URL here.

Blog Page

Follow the steps below to set up a Blog page:

You create a new page
Input the page title. You don't need to input the content
On the Page Attributes section, set Tempate to Blog Template
Save your page

Please note that:

If you use Blog Template, you will configure your blog layout in the Page Options section.
If your Front page displays the latest posts (setup in Settings > Reading), you will configure your blog layout in Theme Options > Blog tab.
You use TS Blogs shortcode to display your blogs in masonry layout.

WPBakery Page Builder

WPBakery Page Builder will help you manage your content at the WordPress sites and build any layout you can imagine in few minutes without coding. You can read WPBakery Page Builder Documentation to get more details.

Please note that you do not purchase directly WPBakery Page Builder plugin. So you can not update it by yourself. It is also not recommended. When it has a new version, we will be careful to test and release the new theme version. If you see the notification below, you can dismiss it.

How to add new element

To add new element, you click the BACKEND EDITOR button on the top left of WYSIWYG (text editor)

WYSIWYG editor change to WPBakery Page Builder canvas. You can work with it as you do with regular WPBakery Page Builder. You can click on the Add element button to add new element

Then, you choose an element from WPBakery Page Builder elements list

All our shortcodes are in Theme-Sky tab. You should use our product shortcodes instead of WooCommerce shortcodes. Because there are many options to display your products.

Adding Parallax/Video Background

Follow the steps below to add a parallax/video background

Add a new Row
Then, you click to edit that row
In the Row Settings panel, you select Background tab
You set Background Type to Parallax, Youtube Video or Hosted Video
Make some configuration below

Revolution Slider

Gon includes the popular Revolution Slider Created By ThemePunch. This slider is 100% responsive and has many amazing options. In the following sections, you will know how to add a new slider and how to show it in frontend. This is its own documentation. You can read to get more information.

Please note that you do not purchase directly Revolution Slider plugin. So you can not update it by yourself. It is also not recommended. When it has a new version, we will be careful to test and release the new theme version. If you see the notification below, you can dismiss it.

Create A New Revolution Slider

Follow the steps below to create a new Revolution Slider:

You go to the Slider Revolution page
Click on the New Blank Module box
Input the slider title and alias
Make some configurations

Follow the steps below to add a new slide to your sliders:

Hover on Slides > Add Slide(s) on the top bar
Choose one of the listed options below

Blank Slide: add a new Slide without any predefined content
Bulk Slide: add more than one Slide at a time with predefined background images
Import from Modules: add a Slide from Modules
Import from Template: add a Slide from the Template Library

Using Revolution Slider

There are three ways to use Revolution Slider

Assign a slider from the Page Options section

Create or edit a page
Find the Page Options section below
Set the Page Slider option to Revolution Slider
Finally, you choose a slider from the Select Revolution Slider option

Add slider from WPBakery Page Builder content element list

In the page editor, you click on the Backend Editor button on the top left of WYSIWYG(text editor)
Then, you click on the Add New Element button
You find the Revolution Slider element. Choose it

Use the slider shortcode

You go to the Slider Revolution page
Click to edit a slider and find the shortcode in the Module Naming box
Copy the shortcode and paste into your page content

WooCommerce

Gon theme is fully compatible with the latest version of WooCommerce plugin. We customized and added many features, shortcodes and widgets for this plugin. In the following sections, you will know how to install and set up WooCommerce plugin. You can also refer WooCommerce Documentation to get more information.

Install WooCommerce

There are 2 ways to install WooCommerce plugin

After activating our theme, you go to Appearance > Install Plugins. You install WooCommerce plugin from the required plugins list.
Install WooCommerce plugin from the Plugins page

You should install WooCommerce from the required plugins list. Because we tested that version and it is compatible with the current theme version. To make sure our theme is compatible with the new version of WooCommerce, you should see our changelog or contact us

Adding WooCommerce Pages

There are 2 ways to add WooCommerce pages

After activating WooCommerce plugin, you will get a notification as the screenshot below. Simply click the Install WooCommerce Pages button to create all WooCommerce pages
Use the WooCommerce shortcodes. You can get them here

Setting Up WooCommerce

To set up WooCommerce, you go to WooCommerce > Settings in admin panel.

Currency Options

In WooCommerce Settings page, you select the General tab
You find Currency Options section and configure your currency

List of currencies that you can choose

You can also add a custom currency symbol. Please refer this document

Product Image Sizes

You go to Appearance > Customize > WooCommerce > Product Images. You configure your product image size in there
Our default demo is configured as the screenshot

Page Settings

After you create WooCommerce pages. You will go to the Settings page to assign them.

To assign the Shop page, you select the Products tab
To assign the My Account, Cart and Checkout pages, you select the Advanced tab

Please note that: if you install WooCommerce pages by clicking on the WooCommerce notification, WooCommerce will automatically assign for you

Registration Options

You also make sure that you allow your customers to register on your site. You select the Accounts & Privacy tab and find the Account creation section as the screenshot.

Adding Product

Follow the steps below to add a new product

In admin panel, you go to Products and click the Add Product button
Input the product title and product content
Select Product Category, Product Tag
Add Featured Image and Product Gallery
In the Product Options section, you can override some options in Theme Options
Next is the Product Data section. This is where the majority of the product data is input

Product Options

This section allows you to override some options in Theme Options. You can set layout for individual products. You can also override custom tab content

Product Data

You should also read WooCommerce Documentation to get more details. We only have some notes that we think you need to know.

Adding a product on sale and a deal:
- With the Simple Product, you select General tab. You add a Sale Price and click the Schedule button to set up date.
- With the Variable Product, after setting up Product Attributes in the Attributes tab, you can go to the Variations tab and add New Variation. With each Variation Product, you also click the Schedule button next to the Sale Price field. Please note that product only displays the time of first Variation Product.
Adding Additional Information: You go to the Shipping tab. You set value of Weight and Dimensions options. You can change the unit by going to WooCommerce > Settings > Products tab
Enable/Disable Product Review: You go to the Advanced tab. You will see Enable reviews option. Just check/uncheck it.

Shortcodes

Gon comes with several shortcodes which can be used to display your content. To use our shortcodes, you go to page editor and change to WPBakery Page Builder canvas. Click on the Add Element button to open WPBakery Page Builder elements list and change to Theme-Sky tab.

TS Feature: display your feature with icon
TS Price Table: display a price table
TS Blogs: display your blogs in a grid layout, slider or masonry layout
TS Button: display a button
TS Single Image: display a single image
TS Heading: display a heading
TS Banner: display your banner. Allow you add content on your banner
TS Team Member: display your team member. Go to Team Members to add new member.
TS Testimonial: display testimonials in a slider. Go to Testimonials to add new testimonial
TS Portfolio: display your portfolios in a slider or masonry layout
TS Logos Slider: display your partner logos in a slider. Go to Logos to add new logo
TS Google Map: just input your address to show your map. Please note that you have to input your API key in Appearance > Theme Options > General tab. Get the API key here
TS Milestone: display your achievements
TS Countdown: display a countdown timer
TS Feedburner Subscription: display a Feedburner Subscription form. Go to the Feedburner page to create your Feedburner ID. This tutorial will help you setup Feedburner.
TS Products: display your products in a grid layout
TS Products Slider: display your products in a slider
TS Products Widget: display your products as a product widget
TS Product Deals Slider: display products on sale with a countdown timer
TS Product Categories Slider: display product categories in a slider
TS Products In Category Tabs: display products in tabs. Each tab is a category

Translations

Gon is ready to translate by using the po file. If you want to build a multilingual site, you need to use WPML plugin. Our theme does not include the WPML plugin. It only is compatible with the WPML plugin. You have to buy a license for this plugin.

Using Po File

There are 2 ways to create and edit the po file

Use the Poedit software and refer this document
Use the translation plugins, such as the Loco Translate plugin

Please note that:

You have to generate the mo file after translating
You already set your language. Go to Settings > General and check Site Language option

Using WPML

In this section, you will know how to build a multilingual website by using the WPML plugin. All the information needs to get started and use it is on the WPML.org page.

Below are some reference links:

Installing and Setting Up the WPML plugin

You need to install a recent version of WPML, including the String Translation, Translation Management and CMS Navigation modules. After installing these plugins, you set up Languages from WPML > Languages and translate your content.

Showing language switcher dropdown style on header

You go to WPML > Languages. You enable the Custom language switchers option. Then, you click the Customize button. A popup will appear. You change the Language switcher style option to Dropdown or Dropdown click.

Translating Pages and Posts

Go to All Pages and pick a page for translation. Click on the plus icon. If the page is already translated, the plus icon will be replaced with a pen icon.

WPML actually creates a new WordPress page, linked to the original one. In this new page, you can add new content as you normally do. You can also keep the original content, just translate into the new language.

Translating Categories

To translate a category, click on the language which you want to translate it and then add a new category. Make sure the new category is linked to an original category.

Translating Menus

You go to Appearance > Menus. Just add a new menu. You select the language and the original menu which links to the new menu.

WPML can synchronize menus for you. This means that WPML can generate and keep in sync menus for other languages pointing to the translated versions of the pages, posts or categories.

Translating the theme and other texts

You go to WPML > String Translation. Find the text in the list and translate it. Please make sure you check the Translation is complete checkbox after translating.

Sometimes, some texts are not translated. First, you need to go to WPML > Theme and Plugins localization. You click on the Scan the theme for strings button. Then, you go back to the String Translation page and find those texts.