Gordo - Responsive Business WordPress Theme Documentation

Firstly, we would like to thank you for purchasing Gordo Wordpress theme and chosen it for your website. We outline all kinds of good information, and provide you with all the details you need to use the Wordpress theme.

If you are unable to find your answer here in our documentation, feel free to ask for help from our support team, you can contact us via email gaviasthemes@gmail.com

The instruction is to help you with installation of the Gordo theme.

Download packages

Purchase Gordo template from ThemeForest then you can download our template package on there.

Extract package that include all files and folders of theme. When done, you should see gordo_theme.zip (zip file name can be changed from version to version).

Once the download is complete, unzip the file and you would see the following packages:

• Guides - our detail documentation for the theme
• Theme folder - for manual installation
• Samples - the sample data of the demos, you can import it
• PSD - the PSD files of the theme
• Licensing - the theme license

System Requirements

When selecting a hosting service, you should check to see that these server requirements are provided and installed on their web servers:

• PHP version 5.6 or greater
• MySQL version 5.6 or greater

Theme Installation

There are 2 ways to install a Wordpress theme.

Installing Theme From the WordPress Dashboard

Installing a WordPress theme is super easy, you’ll see our video guide https://www.youtube.com/watch?v=l5aB6ZMW7IA:

- Step 1: Navigate to Appearance → Themes in your WordPress admin dashboard.

- Step 2: Click the Add New button at the top of the page and go for the Upload option.

- Step 3: Choose gordo_theme.zip then click Install

- Step 4: Wait while the theme is uploaded and installed then activate the theme.

Install theme via FTP

Many users are on shared hosting with low upload limits, and in such situations the Gordo theme is often too large to install through Wordpress. We suggest you should upload it via FTP.

If you don't know how to use FTP visit this link for information: http://codex.wordpress.org/FTP_Clients . You will need to first uncompress the PACKAGE-theme.zip file you have found in the master zip downloaded from Themeforest. This zip uncompresses into a normal folder. This unzipped folder is all you need to transfer via ftp and if you open it, you will see all sorts of folders and css and php files which together contain all the theme coding.   

Using the FTP program transfer this folder which contains the above files to the Wordpress installation theme root directory: /wp-content/themes.

Do not upload any of the other files or folders such as licensing or resource or documentation. Uploading any of the other folders may cause problems resulting in the theme not working properly. Learn from Wordpress Official Documentation about installing theme with FTP client or with cPanel: http://codex.wordpress.org/Using_Themes

Activate Gordo as default theme

After completing the upload, activate the theme as per activating any other theme.

Goto your Dashboard >> Appearance >> Themes >> Activate Gordo template

Follow the instruction from the image below:

Known problems when installing the theme

a. The “Broken theme and/or stylesheets missing” error is most common when you install or activate a new theme.

If you get an error saying that the stylesheet is missing, then you have uploaded the wrong folder. Please check that you are uploading the gordo_theme.zip within the Theme Files folder. You have to unzip the package file that you download from Themeforest to find this.

b. Problems with uploading via WP admin panel due Upload limit.

You may check your file upload limit on Your Media Uploader page in WordPress. Depending upon the web hosting company and the conditions of the service they provide it may vary. The most common is about 8 MB which is more or less enough. But uploading some media files like audio and video may become a problem with for example 2 MB upload limit.
We decided to share some tips about how to extend your maximum file upload size in WordPress:

1. Through functions.php file:

You may add the below mentioned code in the functions.php file of your theme

@ini_set( 'upload_max_size' , '64M' );

@ini_set( 'post_max_size', '64M');

@ini_set( 'max_execution_time', '300' );

2. Through PHP.INI file:

If you cannot see the php.ini file in your directory create the new one with below mentioned code and upload it to your root folder on your web server.

If you can see the php.ini file then change parameters or add :

upload_max_filesize = 64M

post_max_size = 64M

max_execution_time = 300

In case that tip does not work with 64MB, try it with 10MB.

3. Through .htaccess method

You may try modifying the existing .htaccess file in the root directory or creating a new one.

Add the following code in the existing or new .htacess file:

php_value upload_max_filesize 64M

php_value post_max_size 64M

php_value max_execution_time 300

php_value max_input_time 300

You can reset all of the setting for the each page on our custom panel by clicking “Reset” button on the bottom.

Plugins Installation

Right after the theme was activated, a notification at the top of the screen will suggest to continue with the installation of the plugins recommended for getting the best our of your theme.

Follow the installation steps below:

Step 1. Click ‘Begin installing plugins‘ and select the plugins you need to install from the list.

Step 2: Select all plugins then choose Install , Click Apply to install all plugins

• Plugins Using in Gordo theme

1. Contact Form 7: Allow you create contact forms on Contact Page.
2. MailChimp : to use newsletter function
3. Revolution Slider: premium responsive slider.
4. King Composer: powerful visual composer to create page layout.
5. WooCommerce: The Shop engine for your WordPress site.
6. Gaviasthemer for Themes: Implement rick functions for themes base on wpo framework and load widgets for theme used.
7. Metabox : Create custom meta boxes and custom fields for any post type in WordPress.

Step 3:  After Installing all Plugins, select Activate then click Apply to active all plugins.

Install Data Demo

1. Importing The Demo Data - XML File

The Gordo theme comes with importable demo data, such as pages, products, blog, posts, etc, to help you get started in case you’re running on a fresh WordPress installation.

But before import data you should go to "Settings->Permalinks and choose Default in common settings" , you import or export data will not be lost.

Then Go to Visual Composer-> Role Manager and choose Custom in post types and Enable Visual Composer for pages, posts and custom post types. Click "Save Changes" to save your setting.

And  go to step by step bellow:

Step 1: From the WordPress admin area go to Theme Settings >> and open "Demo Importer" tab.

The importer should be run only once. If something went wrong and you need to import the content again, you may need to reset your WordPress.
Use this plugin to reset the WordPress database : http://wordpress.org/plugins/wordpress-database-reset/

Step 2: Set a page as Home Page

After import Dummy Data you need to set default Home page for your site, from your WordPress dashboard, navigate to Settings → Reading.

Select “A static page” and choose “Dummy Homepage” as the Front Page.

Save change then Homepage data sample will be set.

2. Import Revolution Slider

From the WordPress admin area go to Revolution Slider >> Import Slider and select Slider file on our package.

 you can see all slider displayed in here and you can

 + Embed slider.

+Export.

+Delete.

+Duplicate.

+Preview.

+Settings.

+Edit slider.

3. Install widget

Go to Admin Panel -> Appearance -> Widgets.

You can see all our widgets, easy to configure by drag and drop Widgets to sidebar.

Then you can use sidebars to position you want. Even you can use sidebar for MegaMenu.

Morever you can search and add more plugins for your purpose by searching on the internet.

Set Up Logo

You can upload your logo image in the Customize. If the logo is not uploaded, then your site name will be used.
Please, follow the steps below to upload your logo:

Step 1 - Login to your WordPress Dasrdoard.

Step 2 - Go to Dasrdoard > Theme Settings > Header Options Tab

Step 3 - Upload your logo by clicking on Select Image .

Step 4- Upload your favicon - should be a 16px x 16px Png/Gif image.

Set Up Menu

1. Creating your menu

Step 3 - Select Create a new menu at the top of the page.

Step 4 - Enter a name for your new menu in the Menu Name box.

Step 5 - Click the Create Menu button. Your menu is now defined, and you can now add pages to it (steps below).

2. Adding pages to your menu

Step 1 - Locate the pane entitled Pages.

The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Posts or Products are hidden by default. The Screen Options are located in the top right corner of your WordPress Dasrdoard.

3. Assigning a Menu to a Location

Once you've created a menu and filled it with items, it's time to assign it to one of the theme pre-defined locations.

And Front end look like

Setup Home Page

You can quickly build a home page using King Composer for WordPress that is drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required

From your Dashboard admin Navigate to Pages

  - Select All Pages to see all page then click edit one page you want

  - Select Add New to create new page

A. How to use Visual Composer

Have you ever used Visual Composer ? Please follow that guide first : Visual Composer guide

Official Plugin Documentation For More information about the Visual Composer check the official documentation.

Watch video about Visual Composer

1. Classic Gordo.

You can insert code on table then Home page will be created automatically.

2. Backend Editor Gordo

Drag and drop elements you need to build your page layout.

How to use Back End Gordo

a. Add and modify Row Layout

Step 1 - Go to your page / post, first activate the backend editor and click Add Element

Step 2 - Select the Elements you want to use.

Step 3 - Click on the Edit This Row (pencil icon) to Edit the Row element ( in our example we use row with 3 columns filled with text block )

Step 4 - To change the Row layout ( number of columns ) you need to click the second Icon from the left then select a layout or custom to make your own

b. Edit Element

Pencil Icon - To Edit Row, Column or Module you need to click the Pencil icon.

c. Duplicate Element

Pages Icon - To Duplicate Row or Module you need to click the Pages icon.

d. Remove Element

Trash Box Icon - To Remove Row, Column or Module you need to click the Trash Box icon.

e. About Row / Column / Custom heading / Text Block Design options

Design Options - When you edit row / column / custom heading / text block module, you can edit the design options

Row / Custom Heading / Text Block element have a default Bottom Margin of 35 pixel, you may want to set it to 0 if you don't want to have bottom space

It is Good to add bottom Padding to your Column, so they will looks good on mobile 

Left and Right Margin should NEVER be modified, please left blank

For Row module the Left and Right Padding should also NEVER be modified, please left blank 

3. Page Options

a. Page Attributes

You can select page attributes on right sidebar of page admin layout. Each Page templates have each styles

b. Page configure default template

For each page you can change the page layout style, header skin, footer skin and much more! Check the screenshot and read the documentation to see how it works

B. Gordo Home Page Layout

Gordo come with more than 6 home page layout. Please check out landing page to know more and build your home page you need.

1. Home 1

Code insert for Home 1

    
[vc_row fullwidth="0" row_space="remove_padding"][vc_column][rev_slider_vc alias="slider-1"][/vc_column][/vc_row][vc_row row_space="remove_padding_bottom" css=".vc_custom_1505376290601{padding-top: 20px !important;}"][vc_column][gva_content_images title="Forever ~ 21 Style" sub_title="for women’s" desc="You have to deal with the fashion egos. You know, there is a lot. It shouldn't be treated that seriously because fashion is only making dresses to make women look beautiful. " photo="2164" photo2="2163" text_button="Show category" link="#" position="right"][gva_content_images title="Men's Beach Outfits" sub_title="for men’s" desc="Our fashion is for everyone and, throughout the years, we have had the possibility of working with the world's most beautiful and charming women and men. " photo="2380" photo2="2381" text_button="Show category" link="#"][/vc_column][/vc_row][vc_row][vc_column][gva_block_heading title="Bestseller Products"][gva_content_carousel items="%5B%7B%22title%22%3A%22Jackets%20%26%20Handbags%22%2C%22image%22%3A%222178%22%2C%22desc%22%3A%22I%20always%20say%20spend%20more%20on%20classics%2C%20like%20a%20good%20pair%20%20of%20leather%20trousers%2C%20an%20amazing%20tailored%20jacket%2C%20or%20a%20classic%20%20handbag.%20Then%20you%20can%20just%20mix%20your%20everyday%20tops%20from%20%20the%20high%20street.%22%2C%22link%22%3A%22%23%22%2C%22text_link%22%3A%22Shop%20Now%22%7D%2C%7B%22title%22%3A%22Jackets%20%26%20Handbags%22%2C%22image%22%3A%222178%22%2C%22desc%22%3A%22I%20always%20say%20spend%20more%20on%20classics%2C%20like%20a%20good%20pair%20%20of%20leather%20trousers%2C%20an%20amazing%20tailored%20jacket%2C%20or%20a%20classic%20%20handbag.%20Then%20you%20can%20just%20mix%20your%20everyday%20tops%20from%20%20the%20high%20street.%22%2C%22link%22%3A%22%23%22%2C%22text_link%22%3A%22Shop%20Now%22%7D%5D"][/vc_column][/vc_row][vc_row row_space="remove_padding_top"][vc_column][gva_tabs_products_ajax title="Shop By Category" items="%5B%7B%22name%22%3A%22All%22%2C%22product_type%22%3A%22recent%22%2C%22style%22%3A%22grid%22%7D%2C%7B%22name%22%3A%22Beauty%22%2C%22product_type%22%3A%22recent%22%2C%22product_cats%22%3A%22beauty%22%2C%22style%22%3A%22grid%22%7D%2C%7B%22name%22%3A%22Activewear%22%2C%22product_type%22%3A%22recent%22%2C%22product_cats%22%3A%22activewear%22%2C%22style%22%3A%22grid%22%7D%2C%7B%22name%22%3A%22Clothing%22%2C%22product_type%22%3A%22recent%22%2C%22product_cats%22%3A%22clothing%22%2C%22style%22%3A%22grid%22%7D%2C%7B%22name%22%3A%22Jeans%22%2C%22product_type%22%3A%22recent%22%2C%22product_cats%22%3A%22jeans%22%2C%22style%22%3A%22grid%22%7D%2C%7B%22name%22%3A%22Shoes%22%2C%22product_type%22%3A%22recent%22%2C%22product_cats%22%3A%22shoes%22%2C%22style%22%3A%22grid%22%7D%5D" number="8" items_lg="4" items_md="3" items_sm="2" items_xs="2"][/vc_column][/vc_row][vc_row fullwidth="0" row_space="remove_padding"][vc_column][gva_saleof_carousel items_lg="4" items_md="3" items_sm="2" items_xs="2" ca_pagination="0" items="%5B%7B%22title%22%3A%22Sale%20Of%20%231%22%2C%22image%22%3A%222170%22%2C%22price%22%3A%22%24265.45%22%2C%22old_price%22%3A%22%24300.00%22%2C%22link%22%3A%22%23%22%7D%2C%7B%22title%22%3A%22Sale%20Of%20%232%22%2C%22image%22%3A%222171%22%2C%22price%22%3A%22%24189.95%22%2C%22old_price%22%3A%22%24200.00%22%2C%22link%22%3A%22%23%22%7D%2C%7B%22title%22%3A%22Sale%20Of%20%233%22%2C%22image%22%3A%222172%22%2C%22price%22%3A%22%24189.95%22%2C%22link%22%3A%22%23%22%7D%2C%7B%22title%22%3A%22Sale%20Of%20%234%22%2C%22image%22%3A%222170%22%2C%22price%22%3A%22%24265.45%22%2C%22old_price%22%3A%22%24300.00%22%2C%22link%22%3A%22%23%22%7D%2C%7B%22title%22%3A%22Sale%20Of%20%235%22%2C%22image%22%3A%222173%22%2C%22price%22%3A%22159.95%22%2C%22link%22%3A%22%23%22%7D%5D"][/vc_column][/vc_row][vc_row][vc_column][gva_blogs_grid title="Latest from the Blogs" sub_title="Blog Updated Production and Shipping Timeline" items_lg="3" items_md="3" items_sm="2" items_xs="2" columns="3" loop="size:6|order_by:date|post_type:post"][/vc_column][/vc_row]

	

1. Home 2

Code insert for Home 2

    
   [vc_row fullwidth="0" row_space="remove_padding"][vc_column][rev_slider_vc alias="slider-2"][/vc_column][/vc_row][vc_row css=".vc_custom_1505981673148{padding-bottom: 40px !important;}"][vc_column][gva_products title="Featured Products" product_type="featured" per_page="8" items_lg="4" items_md="3" items_sm="2" items_xs="2" columns="2"][/vc_column][/vc_row][vc_row css=".vc_custom_1503558346130{background-color: #edc64a !important;}"][vc_column][vc_row_inner][vc_column_inner][vc_column_text]100% Quality All of our products are handmade and manufactured in Milan, Italy by renowned professionals with a deep passion for fashion design and state of the art trends[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner css=".vc_custom_1505814730701{padding-top: 60px !important;}"][vc_column_inner][gva_block_heading title="Reasons to shop with us" style="style-v2"][/vc_column_inner][/vc_row_inner][vc_row_inner el_class="columns-border"][vc_column_inner width="1/3"][gva_icon_box title="Fast national and International Delivery" icon_position="top-center v2" icon_color="text-black" icon_width="fa-2x" style_display="icon-left" image="2003" el_class="width-250"][/vc_column_inner][vc_column_inner width="1/3"][gva_icon_box title="Secure Checkout with all our partners" icon_position="top-center v2" icon_color="text-black" icon_width="fa-2x" style_display="icon-left v2" image="2002" el_class="width-250"][/vc_column_inner][vc_column_inner width="1/3"][gva_icon_box title="Fast and free Customer support" icon_position="top-center v2" icon_color="text-black" icon_width="fa-2x" style_display="icon-left" image="2004" el_class="width-250"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row parallax="content-moving" row_space="remove_padding_bottom"][vc_column][gva_video_content title="Goosecraft Leather Overshirt In Black" description="Leather-loving label Goosecraft hails from Amsterdam and combines the heritage and the contemporary in its outerwear range." photo="2236" video_link="#" btn_link="#" btn_title="Buy theme"][/vc_column][/vc_row][vc_row][vc_column width="1/3"][gva_products_list title="Featured" product_type="featured" per_page="2"][/vc_column][vc_column width="1/3"][gva_products_list title="Best selling" product_type="best_selling" per_page="2"][/vc_column][vc_column width="1/3"][gva_products_list title="On sale" product_type="sale" per_page="2"][/vc_column][/vc_row][vc_row parallax="content-moving" parallax_image="1941" row_space="padding-large"][vc_column][vc_single_image image="1942" img_size="full" alignment="center"][gva_call_to_action title="Welcome to the very best in globally sourced premium goods. We offer free shipping, free returns and a secure shopping experience." button_align="button-bottom-center" link="#" text_link="Start Shopping" el_class="margin-top-10"][/gva_call_to_action][/vc_column][/vc_row][vc_row][vc_column][gva_blogs_carousel title="Latest News & Updates" columns="3" show_excerpt="1" items_lg="3" items_md="3" items_sm="2" items_xs="2" ca_navigation="0" ca_pagination="0" loop="size:4|order_by:date|post_type:post"][/vc_column][/vc_row][vc_row row_space="padding-small" css=".vc_custom_1505286213995{border-top-width: 1px !important;border-top-color: #eaeaea !important;border-top-style: solid !important;}"][vc_column][gva_brands items_lg="6" items_md="4" items_sm="2" items_xs="2" ca_pagination="0"][/vc_column][/vc_row]
	

1. Home 3

Code insert for Home 3

    [vc_row fullwidth="0" row_space="remove_padding"][vc_column][rev_slider_vc alias="slider-3"][/vc_column][/vc_row][vc_row css=".vc_custom_1505707453538{background-color: #f1f1f1 !important;}"][vc_column][vc_row_inner][vc_column_inner][gva_content_images title="The new sports collection of winter 2016." desc="Show your legs some love in the latest trousers to have us talking. We mean wide legs, full on flares and bell bottoms so you can bring those 70s vibes. Understated more your thing? " photo="2215" photo2="2216" text_button="Read more" link="#" position="right" style="style-v2"][gva_content_images title="The new sports collection of winter 2016." desc="Show your legs some love in the latest trousers to have us talking. We mean wide legs, full on flares and bell bottoms so you can bring those 70s vibes. Understated more your thing? " photo="2220" photo2="2257" text_button="Read more" link="#" style="style-v2"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row][vc_column][gva_tabs_products_ajax title="Shop By Category" items="%5B%7B%22name%22%3A%22All%22%2C%22product_type%22%3A%22recent%22%2C%22style%22%3A%22grid%22%7D%2C%7B%22product_type%22%3A%22recent%22%2C%22product_cats%22%3A%22beauty%22%2C%22style%22%3A%22grid%22%7D%2C%7B%22product_type%22%3A%22recent%22%2C%22product_cats%22%3A%22activewear%22%2C%22style%22%3A%22grid%22%7D%2C%7B%22product_type%22%3A%22recent%22%2C%22product_cats%22%3A%22clothing%22%2C%22style%22%3A%22grid%22%7D%5D" number="8" items_lg="4" items_md="3" items_sm="2" items_xs="2"][/vc_column][/vc_row][vc_row fullwidth="0" row_space="remove_padding" css=".vc_custom_1503649632923{background-color: #edc64a !important;}"][vc_column width="1/2"][vc_gallery interval="3" images="2017,2018" img_size="full"][/vc_column][vc_column width="1/2" css=".vc_custom_1498796065743{margin-top: 80px !important;}"][gva_call_to_action title="The basics of color" style_text="text-dark" style_font="font-v3" style_btn="btn-arrow" link="#" text_link="Project Details"]Although this OG method is still going strong, a whole new wave of style “bloggers” are upsetting the system by ditching the website entirely and focusing solely on social media.[/gva_call_to_action][/vc_column][/vc_row][vc_row][vc_column][vc_row_inner][vc_column_inner][gva_block_heading title="Our Services"][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/2"][gva_icon_box title="Made Products" description="Clothing for Men and Women. At the All Vietnam Clothing Co our clothes are made by using the best USA materials and labor." icon_position="left" image="1961" el_class="width-500"][gva_icon_box title="Shipping and Return" description="Packages are shipped letter followed, in 4 to 6 days later. You have a 14-day (business day) retraction period to reship the merchandise." icon_position="left" image="1963" el_class="width-500"][/vc_column_inner][vc_column_inner width="1/2"][gva_icon_box title="Secure Payment" description="The payment on our site is completely secure thanks to the online payment system of our partner Stripe certified payment solution PCI / DSS (the highest level of security to pay)" icon_position="left" image="1960" el_class="width-500"][gva_icon_box title="Contact us" description="For the same money we can do custom orders. If you want a specific color or size, feel free to write us you will receive an answer in the day: gordo_helpdesk@gmail.com." icon_position="left" image="1962" el_class="width-500"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=".vc_custom_1505293273975{border-top-width: 1px !important;padding-top: 10px !important;padding-bottom: 10px !important;border-top-color: #e0e0e0 !important;border-top-style: solid !important;}"][vc_column][gva_shortcode_mailchimp title="Newsletter" shortcode="`{`mc4wp_form id=``237```}`" style="style-v2"]Get a 10% discount voucher for your next purchase & receive exclusive offers, styling tips and trend news.[/gva_shortcode_mailchimp][/vc_column][/vc_row]
	

1. Home 4

Code insert for Home 4

    
   [vc_row fullwidth="0" row_space="remove_padding"][vc_column][rev_slider_vc alias="slider-4"][/vc_column][/vc_row][vc_row row_space="padding-large" css=".vc_custom_1505293546922{padding-top: 30px !important;}"][vc_column width="5/12"][vc_single_image image="2236" img_size="full" alignment="center"][/vc_column][vc_column width="7/12"][gva_call_to_action title="Your fashion style will love it." button_align="button-bottom-left" style_text="text-dark" link="#" text_link="Read our story"]Each year we present two hand-knitting yarn collections Autumn/Winter and Spring/Summer with new fashion trends, colours and where we also suggest mesh points which are the most appropriate to certain yarns.One should never have to sacrifice durability for beauty. Our philosophy is built into every piece we make...<div class="row margin-bottom-20"><div class="col-sm-6 col-xs-12"><h5>We are creative agency</h5>Morbi msan ipsum velit. Nam nec tellus a odio tinunt auctor a ornareio. Sed non mauris vitae.</div><div class="col-sm-6 col-xs-12"><h5>We work with passion</h5>Morbi msan ipsum velit. Nam nec tellus a odio tinunt auctor a ornareio. Sed non mauris vitae.</div></div>[/gva_call_to_action][/vc_column][/vc_row][vc_row][vc_column width="1/3"][gva_image_number title="Men New Arrivals" number="01" photo="2259" link="#" text_link="Shop now"][/vc_column][vc_column width="1/3"][gva_image_number title="woMen New Arrivals" number="02" photo="2257" link="#" text_link="Shop now"][/vc_column][vc_column width="1/3"][gva_image_number title="kids New Arrivals" number="03" photo="2258" link="#" text_link="Shop now"][/vc_column][/vc_row][vc_row fullwidth="0"][vc_column][gva_saleof_carousel style="style-v2" items_lg="3" items_md="3" items_sm="2" items_xs="2" ca_navigation="0" ca_pagination="0" items="%5B%7B%22title%22%3A%22Saleof%20%2301%22%2C%22image%22%3A%222267%22%2C%22price%22%3A%22%24268.45%22%2C%22link%22%3A%22%23%22%7D%2C%7B%22title%22%3A%22Saleof%20%2302%22%2C%22image%22%3A%222266%22%2C%22price%22%3A%22%24268.45%22%2C%22link%22%3A%22%23%22%7D%2C%7B%22title%22%3A%22Saleof%20%2303%22%2C%22image%22%3A%222267%22%2C%22price%22%3A%22%24268.45%22%2C%22link%22%3A%22%23%22%7D%2C%7B%22title%22%3A%22Saleof%20%2304%22%2C%22image%22%3A%222266%22%2C%22price%22%3A%22%24268.45%22%2C%22link%22%3A%22%23%22%7D%5D"][/vc_column][/vc_row][vc_row][vc_column][gva_products title="Featured Products" product_type="featured" per_page="8" items_lg="4" items_md="3" items_sm="2" items_xs="2"][/vc_column][/vc_row][vc_row equal_height="yes" content_placement="middle" row_space="remove_padding_top" css=".vc_custom_1505293908797{padding-top: 20px !important;padding-bottom: 50px !important;}"][vc_column width="1/2"][vc_widget_sidebar sidebar_id="instagram_sidebar"][/vc_column][vc_column width="1/2"][gva_shortcode_mailchimp title="Subscribe" shortcode="`{`mc4wp_form id=``237```}`" style="style-v3" desc="Sign up with your email address to receive news and updates."]Sign up with your email address to receive news and updates.[/gva_shortcode_mailchimp][/vc_column][/vc_row]

	

1. Home 5

Code insert for Home 5

    [vc_row content_placement="middle" fullwidth="0" row_space="remove_padding" css=".vc_custom_1505202985855{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_column][rev_slider_vc alias="slider-5"][/vc_column][/vc_row][vc_row content_placement="middle" fullwidth="0" row_space="remove_padding" css=".vc_custom_1505202993268{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_column][gva_banner_background image="2292" hidden_bg_image="true" link="shop" style="center" title="spring/summer 2016" subtitle="what's new for" bg_color="#f4d022"]Taking inspiration from American sportswear and giving it a twist, this season’s collection is based on the DJ’s personal favorites.[/gva_banner_background][/vc_column][/vc_row][vc_row content_placement="middle" fullwidth="0" row_space="remove_padding" css=".vc_custom_1505202998427{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_column][gva_banner_background image="2293" hidden_bg_image="true" width="620px" title="The most stylish skater girl on Instagram" subtitle="Trends & Shopping Guides" color_subtitle="#e55ea2" btn_background="#e55ea2" bg_color="#f3f4f8"]Cute Spring Outfits - Skinny Jeans Skater Girl - Spring Outfits for Teen Girls[/gva_banner_background][/vc_column][/vc_row][vc_row content_placement="middle" fullwidth="0" row_space="remove_padding" css=".vc_custom_1505202998427{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_column][gva_banner_background image="2299" hidden_bg_image="true" width="480px" style="right" title="Tattoos For Fashion Girls" subtitle="Trends & Shopping Guides" bg_color="#ddd7d9"]Fashion is all about self-expression; what you wear can say a lot about who you are and who you want to be.[/gva_banner_background][/vc_column][/vc_row][vc_row content_placement="middle" fullwidth="0" row_space="remove_padding" css=".vc_custom_1505202998427{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_column][gva_banner_background image="2300" hidden_bg_image="true" width="580px" title="Men's Clothing & Shoes on Sale" subtitle="Trends & Shopping Guides" color_subtitle="#edc64a" btn_background="#edc64a" btn_text_color="#181822" color_title="#ffffff" color_des="#ffffff" bg_color="#e55ea1"]Taking inspiration from American sportswear and giving it a twist, this season’s collection is based on the DJ’s personal favorites.[/gva_banner_background][/vc_column][/vc_row][vc_row content_placement="middle" fullwidth="0" row_space="remove_padding" css=".vc_custom_1505202998427{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}"][vc_column][gva_banner_background image="2305" hidden_bg_image="true" width="720px" style="center" title="Cute Fitness Fashion Outfits" subtitle="Trends & Shopping Guides" color_subtitle="#edc64a" btn_background="#edc64a" btn_text_color="#181822" color_title="#ffffff" color_des="#ffffff" bg_color="#0f0f0f"]Fitness Fashions offers Best Fitness Apparel and workout clothing for women. Wide variety of options at best pricing from top brands[/gva_banner_background][/vc_column][/vc_row]

	

1. Home 6

Code insert for Home 6

    [vc_row fullwidth="0" row_space="remove_padding"][vc_column][rev_slider_vc alias="slider-6"][/vc_column][/vc_row][vc_row][vc_column][gva_products title="Featured Products" product_type="featured" per_page="8" items_lg="4" items_md="3" items_sm="2" items_xs="2" columns="2"][/vc_column][/vc_row][vc_row parallax="content-moving" parallax_image="2326" row_space="padding-large"][vc_column][gva_call_to_action title="Product Sales" button_align="button-bottom-center" style_font="font-v2" link="#" text_link="discover more"]Welcome to the new range of shaving products from master barber. We have over three decades of experience in the male grooming industry.[/gva_call_to_action][/vc_column][/vc_row][vc_row][vc_column][gva_tabs_products_ajax title="Shop By Category" items="%5B%7B%22name%22%3A%22All%22%2C%22product_type%22%3A%22recent%22%2C%22style%22%3A%22grid%22%7D%2C%7B%22name%22%3A%22Beauty%22%2C%22product_type%22%3A%22recent%22%2C%22product_cats%22%3A%22beauty%22%2C%22style%22%3A%22grid%22%7D%2C%7B%22name%22%3A%22Activewear%22%2C%22product_type%22%3A%22recent%22%2C%22product_cats%22%3A%22activewear%22%2C%22style%22%3A%22grid%22%7D%2C%7B%22name%22%3A%22Clothing%22%2C%22product_type%22%3A%22recent%22%2C%22product_cats%22%3A%22clothing%22%2C%22style%22%3A%22grid%22%7D%2C%7B%22name%22%3A%22Jeans%22%2C%22product_type%22%3A%22recent%22%2C%22product_cats%22%3A%22jeans%22%2C%22style%22%3A%22grid%22%7D%5D" number="8" items_lg="4" items_md="3" items_sm="2" items_xs="2"][/vc_column][/vc_row][vc_row row_space="remove_padding_top" css=".vc_custom_1505294846820{padding-bottom: 20px !important;}"][vc_column width="1/3"][gva_products_list title="Featured" product_type="featured" per_page="2"][/vc_column][vc_column width="1/3"][gva_products_list title="Best selling" product_type="best_selling" per_page="2"][/vc_column][vc_column width="1/3"][gva_products_list title="On sale" product_type="sale" per_page="2"][/vc_column][/vc_row][vc_row css=".vc_custom_1505274527154{background-color: #f1f1f1 !important;}"][vc_column width="1/3"][gva_icon_box title="Choose Your Bundle" description="Vivamus nibh ante, dignissim sit amet metus eget, tempus contridendum ultricies felisima." link="#" image="2338" el_class="width-300"][/vc_column][vc_column width="1/3"][gva_icon_box title="We Ship It to You Fast" description="Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium unata lectorum." link="#" image="2336" el_class="width-300"][/vc_column][vc_column width="1/3"][gva_icon_box title="Enjoy!" description="Nulla sit amet felis eget urna laoreet bibendum ac non libero. Ut nec fermentum sem." link="#" image="2337" el_class="width-300"][/vc_column][/vc_row]

	

C. Set a page as Home Page

Step 1 - Go to Settings > Reading in your WordPress Dasrdoard panel.

Step 2 - Set "Front page displays" to a "Static Page".

Step 3 - In the drop down menu for "Front Page" choose a page which will be your home page.

Step 4 - Leave the drop down menu for "Posts page" empty, as this is not used by the theme.

Step 5 - Save changes.

Set Up Blog Page

1. Create the blog post

Step 1 - Log in to your WordPress Administration Panel (Dashboard)

Step 2 - Click the 'Posts' tab.

Step 3 - Click the 'Add New' sub-tab.

Step 4 - Start filling in the blanks: enter your post title in the upper field, and enter your post body content in the main post editing box below it.

Step 5 - As needed, select a category, add tags, post format, fill in the meta setings below the editor.

Step 6 - Upload a featured image for your Post.

Step 7 - Select Post Format. You can create blog post with a lot of Formats like link, gallery, image ..... Select format on Format box from in right sidebar

Step 8 - Scroll down until you see the Post Configuration box, there you will be able to customize the post.

Step 9 -  When your post is ready, click Publish.

2. Manager current all blogs

Navigate to Posts → All Posts

You can see all informations of you blog post, add new, edit or delete them.

3. Create Blog Page

Option 1. Create Blog Page with Visual Element

Step 1 - Log in to your WordPress Administration Panel (Dashboard)..

Step 2 - Click on Pages > Add New.

Step 3 - Give your page a name then Change the Editor to Backend Editor ( you need to have the Visual Composer plugin activated ).

Step 4 - Click on the Add Element button

Step 5 - Select the GVA New Elements.

Set Up Footer

Set Up Footer

Step 1 - From admin Dashboard, navigate to Footer > Add Profile Footer

Step 2 - Using King Composer backend editor mode then add element to your Footer 

Step 3 - Build your footer style with unlimited layout

Some version footer layouts for you.

Footer default.

Front end look like :

Visual Element Layout setting

Step 4 - After create your footer profile. Navigate to : Dashboard > Theme Settings > Footer Options Tab.

Choose your footer for  page.

*********** If you want specific Footer for one of your pages. Please go to your page configuration. Select Footer version you want to display only on that page.

Create Testimonials

Step 1: Goto Testimonial from Dashboard then create content of Testimonials

Step 2: Drag GVA Testimonial elements by using King Composer on page you want to display testimonials.

You can choose some setting like title, skin ....

Create Paralax

With Visual Composer you can create Parallax Sections

Step 1: From your admin dashboard. Goto Page

Step 2 : Click on the Edit This Row (pencil icon) beside row you want to make it become Parallax Sections.

Step 3: In General Tab, select option Parallax

Step 4: In Styling options tab, ADD padding and REMOVE margin for better result, add a Background Image change to Cover and then Saves changes

Step 5: - Update or Publish your page and you should now have a section with parallax background

Create Brands

Step 1: Goto Brands from Dashboard then create Brands

Step 2: Drag GVA Brands elements by using King Composer on page you want to display testimonials.

You can choose some setting like title, number of brands ....

Create Newsletter

We are using MailChimp for WP plugin for Newsletter subscribe. You can read more about MailChimp from here

Follow that step below to help you can collect email of subscribers.

Step 1 - Signup for Mailchimp account then create your lists to collect email

Step 2 - Install and active plugin MailChimp for WP

Step 3 - Navigate to MailChimp for WP > MailChimp then connect with your mailchimp account you created from step 1

Step 4 -  Create mailchimp form to collect email. Navigate to Forms

Import HTML Code below on section Form mark-up Source

Source :

	<div class="newsletter-form">
	 <div class="content-form">
	    <input type="email" name="EMAIL" placeholder="Enter E-Mail Address" required />
	    <input class="newsletter-submit" type="submit" value="Subscribe" />
	 </div>
	</div>
	

Step 5 - After creating from of your plugin. You must set position where you want to display.

First, you need get shortcode of form follow

And use "GVA Shortcode MailChimp Form" element display mailchimp form

Create Contact Page

1. Create Contact Form.

Make sure you install and active Contact Form 7 plugin to continue reading.

Step 1 - Log in to your WordPress Dashboard, go to Contact > Add New

Step 2 - Give a Name to your form and change Mail Info

2. Create Contact Page

Step 1 - Log in to your WordPress Administration Panel (Dasrdoard)..

Step 2 - Click on Pages > Add New.

Step 3 - Give your page a name then Change the Editor to Backend Editor ( you need to have the King Composer plugin activated ).

Step 4 - Click on the Add Element button

Step 5 - Select the Contact Form 7 element.

Step 6 - The Contact Form 7 Settings should appear. Select the Form you want to use you can also customize the Color and change the fields layout and button design
Step 7 - Update / Publish your page

Gordo Theme use Customizer provides an ultra effective and intuitive way to customize theme layout & setting with real-time preview. Bring all of settings to customizer, you do not need to using another theme option anymore

To access Customizer go to your admin Dashboard  Navigate to >> Themes Settings

1. General Options : Manage general setting layout, skins...

2. Header Options: select your header style for global

3. Footer Options: select your footer style for global

4. Styling : Customize style color, font ... for theme

5. Typography : Customize font ... for theme

6. Blog: Manager setting layout, sidebar of blog page

7. Page Meta Options : Manager setting of Page

8. WooCommerce Options : Manage setting of WooCommerce function

9. Blog : Manage global setting for Blog

10. Social Profiles: Manage setting of Social link

11. Custom Code: Manage setting of custome code css, js of theme

The easiest way to translate theme to the language of your choice is to use "WPML" plugin.

- To begin, be sure you have the WPML Plugin installed and activated, along with the WPML String Translation plugin.

- To set up WPML the first time, follow their Getting Started Guide.To begin translating, select WPML (in the Dashboard menu) -> String Translation. You should see a list of the strings in the theme (there should be only four), with blue translation links to the right. Click these links to reveal the list of languages you use on your blog and the associated translations.

- How to set and translate main features of the theme

• Using translation management http://wpml.org/documentation/translating-your-contents/using-the-translation-editor/
• Translation Management & Features – http://wpml.org/documentation/translating-your-contents/using-the-translation-editor/translation-management-features/
• Translating URL slugs – http://wpml.org/documentation/getting-started-guide/translating-page-slugs/

- How to scan strings coming from the theme

• http://wpml.org/documentation/getting-started-guide/theme-localization/

- How to translate strings using String Translation

• http://wpml.org/documentation/getting-started-guide/string-translation/

- If adjustment is needed for WPML language switcher please also add this

• http://wpml.org/documentation/getting-started-guide/language-setup/custom-language-switcher/

- If you need more help with WPML plugin. Please go WPML Forum

1. How to update Theme

a. Update Theme via WordPress

Updating the theme via WordPress is very similar to the install process via WordPress. Make sure you had backup all of your customization in our theme.
Follow the steps below to update your theme via WordPress:

Step 1 - Download latest theme package on ThemeForest

Step 2 - Log into your WordPress Dashboard.

Step 3 - Go to Appearance > Themes.

Step 4 - Deactivate the Gordo Theme by simply activating a different theme. Once you activate a different theme, you can delete the mode theme.

Step 5 - Delete the Gordo Theme. Do not worry, your content will not be lost!

Step 6 - Then simply upload the newest “gordo_theme.zip” file in the Appearance > Themes section. Click on the Install Themes tab at the top and choose to upload the zip file. You have this step explained in section: Theme Installation via WordPress.

b. Update theme via FTP

Updating the theme via FTP is very similar to the install process via FTP.
Follow the steps below to update your theme via FTP:

Step 1 - Go to .../wp-content > themes location on your server using a FTP client and backup your "Gordo" theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost.

Step 2 - Download the new version of Gordo theme from your Themeforest and retrieve Gordo folder by unpacking the zip that you download from Themeforest and gordo_theme.zip.

Step 3 - Then simply drag and drop the new "Gordo" theme folder into .../wp-content > themes location. Choose to “Replace” the current one if you did not delete it.

Step 4 - Log into your WordPress Dasrdoard, go to Appearance > Themes and activate the new Gordo theme.

2. How to create Child Theme

What is a Child Theme?
A child theme is a theme that inherits the functionality of another theme, called the parent theme. Child themes allow you to modify, or add to the functionality of that parent theme. A child theme is the best, safest, and easiest way to modify an existing theme, whether you want to make a few tiny changes or extensive changes. Instead of modifying the theme files directly, you can create a child theme and override within.

Why use a Child Theme?

if you modify an existing theme and it is updated, your changes will be lost. With a child theme, you can update the parent theme (which might be important for security or functionality) and still keep your changes. It’s a great way to get started if you are just learning WordPress theme development.

How to create Create child ?

Follow that documentation to create Child Theme  Child Themes - Codex

Using that plugin to create Child Theme : One Click Child Theme

3. How to Speed Optimization

If you think your website takes too much time to load maybe you should.

1. Install a Cache Plugin for WordPress. We recommend W3 Total Cache.
2. Install an Image Compress Plugin. We recommend WP Smush It.
3. Install a Database Optimizer Plugin We recommend WP Optimize
4. Reduce the number of posts on the page
5. Reduce the number of unnecessary plugins.
6. Use more icons and less images.

4. How To Enable the Registration Form on the ‘Login/My Account’ page?

In case you cannot see the Registration Form on the My Account page or checkout page, it means you need to enable it.

You can find this setting by navigating to WooCommerce >> Settings.

Open Account Tab In the Registration section, make sure the" Enable registration on the "Checkout" page" and  “Enable registration on the “My Account” page” options is checked.

This is what you should be seeing on your screen:

5. How To Add Color/Size selection box on the product page?

In WooCommerce, you can define product attributes, such as size or color, to use be used as product options.

Start by navigating to Products → Attributes.

For example an attribute could be “Size“. Then you need to Configure its terms. Those would be “Small, Medium, Large“.

Once defined, these global attributes can be assigned to your variable products.

Read more from here

6. How to set up image size for WooCommerce

These settings affect the actual dimensions of your product images in the shop pages. You can skip this step in case you’re starting a new website and your WordPress installation is fresh, but if you’re switching from another theme and you already have products in your store, you need to make sure the WooCommerce image sizes are the correct ones for your newly installed theme.

a. Navigate to WooCommerce → Settings → Products and find the “Product Image Sizes ” section at the bottom of the page.

Update those values with the following this image for Gordo theme.

b. If your site has image with another size. To see the changes after you update the image sizes, you need to re-generate the images by using Regen.Thumbnails Plugin

- Go to Plugins Tab then search and install Regen.Thumbnails plugin

- Navigating to Tools → Regen.Thumbnails then re-generate your images

If you are unable to find your answer here in our documentation, please go to our forum and post up a new topic with all the details we need. Please be sure to include your site URL as well or send us an email.

Our support scope

Our support covers configuration, building site as demo, trouble using any features, and bug fixes. We don't provide support for customizations or 3rd party extension.

Our support time

We try our best to monitor the email around the clock, however, this is not always possible due to different time zones. We will try to reply you as fast as we can.

Our working time is 8.00 AM - 5.30 PM, Monday to Friday (GMT+7). So if ask for help in the weekend, you may have to wait a little bit for support and please be patient.