Documentation for Destino – Advanced WooCommerce WordPress Theme

SW Destino

1GETTING STARTED

1.1 Introduction

First of all, I would like to thank you for purchasing this theme, your support is truly appreciated.

SW Destino is a modern and beautiful WordPress Theme. Both developers and non-trained users can use it easily. This document covers the installation and use of this theme, reveals some answers to common problems and issues. We encourage you to read throughout this document if you are experiencing any difficulties.

If you have any questions that are beyond the scope of document, please feel free to contact us via our Support Page.

1.2 System Requirements

At the basic level, this theme will require the following conditions:

PHP version 5.6 or later
MySQL version 5 or later
WordPress 4.7.x or later (Please note that the latest WordPress version is prefered.)

Note:

The Recommended PHP Configuration Limits should be paid attention. In several cases, you may deal with problems related to low PHP configuration limits, such as: white screen, demo content fails when importing, empty page content and other similar issues.

The solution is to increase the PHP limits. You can do this on your own by editing the following lines in php.ini file in your root directory. This is not a file that comes with WordPress so if you are unfamiliar with it you should contact your web host about increasing those limits to a minimum as follows:

max_execution_time 360

memory_limit 128M

post_max_size 32M

upload_max_filesize 32M

2FILE STRUCTURE

At first, you need to download the package to your computer and then unzip it. The package includes files listed as follows:

Data files, including:

plugins: js_composer.zip, one-click-install.zip, destinoslider.zip, sw-core.zip, sw-woocommerce.zip, lessphp.zip
revslider:slideshow1.zip, slideshow2.zip, slideshow3.zip, slideshow4.zip, slideshow5.zip, slide6.zip, slideshow7.zip
media.xml

Theme Installation files, including:

sw_destino_quickstart_vx.x.x.zip for quickstart installation
sw_destino-child-theme.zip
sw_destino_theme_vx.x.x.zip for manual installation

Note:

Please note that this file sw_destino_quickstart_vx.x.x.zip is not included in the Themeforest package. You can contact Support Page if you need any help.

The child theme allows you to modify or add to the functionality of the parent theme instead of modifying the core theme files directly, which makes it easy to update the parent theme without erasing your changes. If you plan on making any updates or additions to this theme, you will definitely need to set up this child theme on your site)
To have more information about this topic, please go Here for more detail.

3INSTALLATION

There are two ways to install this SW Destino Theme:

Quickstart Installation: This one is suitable for the first installation and want to get a whole fresh site as in the Demo. Please note that the quickstart file is not included in the Themeforest package. You could contact us via our Support Page to be supported.
Manual Installation (including Theme Installation): If you want to build your site based on available content with SW Destino, this one will be suitable. It won’t overwrite your old data.

3.1 Quickstart Installation

Please follow the steps in the Quickstart Installation Instruction for WordPress Theme .

3.2 Theme Installation

Before starting the Theme Installation process, please make sure that your host meets all following requirements:

Your web host meets the minimum requirements to run WordPress

This theme is built up and tested with WordPress Version 4.7.3. Therefore, this WordPress version should be used to have best performance. Besides, this theme is also compatible with WordPress 3.x.x and 4.x.x.

3.2.1 Theme Upload

When you are ready to install a theme, the Theme Files should be uploaded and activated first. There is 2 ways for this process:

FTP Upload
WordPress Upload

Note: If the Theme Files Size is larger than 8M, FTP Upload (File Transfer Protocol) should be used.

3.2.1.1 Theme Installation via FTP	3.2.1.2 Theme Installation via WordPress Admin Panel
To add the new theme to your WordPress Installation, follow these basic steps: Step 1 – Download the zip package of SW Destino theme in ThemeForest, and you will find a zip file named as sw_destino_theme_vx.x.x.zip Step 2 – Load your FTP client, such as FileZilla. Step 3 – Use your FTP program to access your host web server, upload and exact the zip file “sw_destino_theme_vx.x.x.zip” to your_wordpress_site/wp-content/themes directory. After exacting, you will have a theme folder named as destino in your your_wordpress_site/wp-content/themes directory. To select the theme for your site: Step 1 – Log in to the WordPress Administration Panels Step 2 – Go to Appearance >> Themes to find the new theme uploaded, roll over its thumbnail image and activate it by clicking on the Activate button.	Step 1 – Open the wp-admin panel (Navigate through web browser to the folder where you have installed the WordPress, for example: www.your_wordpress_site.com/wp-admin/). Step 2 – Login to your WordPress Dashboard and go to Appearance >> Themes. Then, click Add New button or Add New Theme button Step 3 – Click on the Upload Theme button >> Choose File to import the theme from your computer. Select your sw-destino_theme_vx.x.x.zip file and click Install Now. Step 4 – You have a few minutes to wait till you see the message announcing that Theme installed successfully. Step 5 – After that, you will be able to Activate the theme.

3.2.1.1 Theme Installation via FTP

3.2.1.2 Theme Installation via WordPress Admin Panel

To add the new theme to your WordPress Installation, follow these basic steps:

Step 1 – Download the zip package of SW Destino theme in ThemeForest, and you will find a zip file named as sw_destino_theme_vx.x.x.zip
Step 2 – Load your FTP client, such as FileZilla.
Step 3 – Use your FTP program to access your host web server, upload and exact the zip file “sw_destino_theme_vx.x.x.zip” to your_wordpress_site/wp-content/themes directory. After exacting, you will have a theme folder named as destino in your your_wordpress_site/wp-content/themes directory.

To select the theme for your site:

Step 1 – Log in to the WordPress Administration Panels
Step 2 – Go to Appearance >> Themes to find the new theme uploaded, roll over its thumbnail image and activate it by clicking on the Activate button.

Step 1 – Open the wp-admin panel (Navigate through web browser to the folder where you have installed the WordPress, for example: www.your_wordpress_site.com/wp-admin/).
Step 2 – Login to your WordPress Dashboard and go to Appearance >> Themes.
Then, click Add New button or Add New Theme button
Step 3 – Click on the Upload Theme button >> Choose File to import the theme from your computer. Select your sw-destino_theme_vx.x.x.zip file and click Install Now.
Step 4 – You have a few minutes to wait till you see the message announcing that Theme installed successfully.
Step 5 – After that, you will be able to Activate the theme.

3.2.2 Theme Installation Types

In this theme, we offer a useful feature to choose the way to install this theme: Import Demo Data or not. Two methods are provided for two different case. When you want to start a new website, or use our demo contents for easily customization, save your time and your energy. In this situation, we recommend using the Import Demo Data method. If you do not use this way, you must be adept in WordPress customization and theme development

After installing theme, there are two ways for you to choose to custom this theme: create everything by yourself or import our demo data

Do NOT import demo data	Import demo data
Strong points It means that you could create everything by yourself from its beginning You could configure each part of this theme singly according to our suggested theme position	Strong points This process certainly helps you save your time and energy It is ideal for beginners to advanced developers Our Import Demo Data provides you a good way to import the demo content, widgets and theme settings with one click.
Weak points If you are a newbie, it could be an extremely time-consuming process and a tough challenge You are certainly adept in WordPress customization and theme development	Weak points Category ID is different between “your database in your server” and “our database in our server”. It’s all different from servers. That is the reason why you need to change the category ID on your site by checking it out in our theme configuration part of this documentation.
Work Process When choosing this method, your process with this theme could be: 1.Theme Installation (including: Theme Upload – checking if you have any post, page, product, or revolution slider; if not, you have create all by yourself before continue customizing this theme) >> 2. Setting your homepage >> 3. Mailchimp for WordPress >> 4. Menu Configuration >> 5. Theme Configuration	Work Process When choosing this method, your process with this theme could be: 1.Theme Installation (including: Theme Upload – Import Demo Data – Import Media File- Import Revolution Slider) >> 2. Setting your homepage >> 3. Mailchimp for WordPress >> 4. Menu Configuration >> 5. Theme Configuration

3.2.3 Required Plugins Installation

Please remember that when theme is installed, you need to install and activate Required Plugins to get full features working. In case your server does not permit automatic installation of a WordPress plugin in this theme, you could manually install it by using its zip file in our package folder named as data/plugins.

Step 1 – After installing and activating the theme you will see the message about installing required plugins at the top of the page.
Step 2 – You need click Begin Installing plugins link in order to install needed plugins for SW Destino theme
Step 3 – You will be redirected to Install Required Plugins page, here you will find all of the theme required plugins. In order to install these plugins, you just need to check all of them and select “Install” then “Apply”.

Note: When installing plugins, if you see a notice that some plugins have unsuccessful installation, they should be install manually one by one. This case usually occurs as you select all plugins to install at once.
Step 4 – After installing these plugins, you need to Activate them by checking all of them and select “Activate” then click “Apply”

Below are list of required plugins along with SW Destino theme:

4IMPORT DEMO CONTENTS

4.1 Import Demo Data

Please follow the steps in the instruction to import demo data in our WordPress theme

4.2 Import Media Files

Please follow the steps in the instruction to import media file in our WordPress theme .

Note: Please remember to set your Product Image Dimensions in WooCommerce plugin page before importing the Media Files.

4.3 Import Revolution Slider

Please follow the steps in the instruction to import Revolution Slider in SW WordPress theme .

5POST

Please go here to have more detail about customing a post in our WordPress themes.

6PAGES

Please go here to have more detail about customing a page in our WordPress themes.

After setting up this theme, you should set up your homepage to view your achivement. Please go to Settings >> Reading area and look for the Front Page display area. Change the radio button “A static page” and select the front page and blog page from the dropdown menus, then save changes.

7MAILCHIMP FOR WORDPRESS

In this section, we will bring you some steps to configure MailChimp for your site.

Frontend Appearance:

Backend Settings:
1.Go to MailChimp for WP >> MailChimp to access general setting page of MailChimp. You should connect to your mailchimp account by entering API Key.

2.Also, in order to make MailChimp Form work effectively, you should navigate to MailChimp for WP >> Forms in admin sidebar, fill in the forms. After making the changes, remember to click Save Changes button.

Form Fields: Please click to see the Backend Settings.

Copy the code here to the form mark-up field in the page.

<p>
	<input type="email" name="EMAIL" placeholder="Enter your mail..." required /><input type="submit" value="subscribe" />
</p>

<p>

</p>

Form Messages: Please click to see the Backend Settings.
Form Settings: Please click to see the Backend Settings.
Form Appearance: Please click to see the Backend Settings.

You can click Here for more information about this plugin.

8THEME OPTIONS

Note: After both Import demo data and Not import demo data method, the theme options are available, so this section is to showed you what we provide and how they are set.

Our stunning SW Destino theme provides an advanced Theme Options panel that is loaded with many options to customize your page effectively. These options are organized into logical tabbed sections which will be very easy for you to navigate. Each option also has a short description of what it will do on the front end. Because of the sizable amount of options, we cannot go over them in full detail in this documentation. We encourage you to please take some time and navigate through each tab to see what we offer.

To access the theme options panel, please go to Appearance >> Theme Options in your WordPress admin. After that, you will see a logical tabbed sections including a lot of tabs for you to discover.

Below sections will go through each tab in detail for you.

SOME NOTES ABOUT THE THEME OPTIONS:

Customize & Cpanel option: This is only used for the Demo development.

Reset to Defaults option: Please DO NOT use it if you don’t want to loose your configuration. When the theme is reset to default, all the value here will be back to the default without saving any your configuration.

Before configuring, you can also backup your theme options by clicking on the Import/Export tab. This is a great way to move your custom options from site to site.

The options in the Theme Options will be applied to a page if there is no change in the Page Metabox of this page. You can refer to the Theme Options & Page Metabox to master the framework before going on.

8.1 General

In this tab, you will see options for Logo Image, Favicon, Option for Taxonomy and Title Length of Item Listing Page. .

Logo Image: You can easily upload your desired logo image and get URL of the logo.
Favicon: You also can upload custom Favicon for your site.
Select Taxonomy: You can freely select taxonomy to show custom term metabox.
Title Length Of Item Listing Page: This one let you to choose the Title Length if you want to trim word for the Item Listing Page.

8.2 Schemes

In this tab, you will see options for Color Scheme, Develop Mode and Color option for Body, Border and for the Custom one .

Color Scheme: We plan to update more color schemes for this theme in next versions.
Developer Mode: This one let you turn on/off compile less to css and custom color. Due to the risk of lost configuration in the CSS file, this option is not recommended.
Color: You also can select main custom color here.
Body Color: You can select main body custom color here.
Border Color: You can select main border custom color here.

8.3 Layout

SW Destino gives you multiple selections for this theme layouts. You can change sidebar positions (left, right) with wide or boxed version for many kind of devices. SW Destino supports boxed and wide layout, with boxed version you can easily customize the background image to meet your expectation. Let’s look at the screenshot for more detail about these ones.

8.4 Mobile layout

Specially, SW Destino allows you to enable mobile layout for your site. When you choose to display the mobile layout, you also can select its Content, Header and Footer style.

Header Mobile Style: Currently, this theme supports 02 Styles ( Style 1, Style 2) .
Footer Mobile Style: Currently, this theme supports 01 Style (Style 1).
Mobile Layout Content: You can choose content from a page you create for mobile layout in your site.

Note:

1. To use the mobile layout, it should be chosen the option Enable Mobile Layout. After that, you can continue to configure option Sticky Mobile, Mobile Layout Content and select the Header Mobile Style and Footer Mobile Style as you want.

If you disable the option Enable Mobile Layout, your site will be automatically applied the Responsive Mode on mobile device.
2. For the Mobile Footer menu, firstly, you need to create Mobile Menu and assign it as in the Mobile Menu Documentation first.
3. For Mobile Filter, you need to create elements for widget Filter Mobile in Appearance > Widgets > Filter Mobile. You can click Here for more detail.

8.5 Header & Footer

These options enable you to change page appearance with Header and Footer Style. In addition, SW Destino allows you to customize your Phone Number, Email and Copyright text in your footer. Moreover, you can check to disable the Search and Cart on the header of your site.

Header Style: Currently, this theme supports 07 Header Styles ( Header Style 1/ Header Style 2/ Header Style 3/ Header Style 4/ Header Style 5/ Header Style 6/ Header Style 7) .
Footer Style: Currently, this theme supports 07 Footer Styles (Footer Style1 / Footer Style 2 / Footer Style 3/ Footer Style 4 / Footer Style 5/ Footer Style 6/ Footer Style 7).
Copyright text: It lets you to change the Copyright text. If there is no change here, the demo data will be applied.

Note:

Header: To configure Header, you can go to Appearance > Widget then choose one and configure as your expectation.

Footer: To configure Footer, you can go to Page > All pages, choose a Footer Style then configure as your expectation.

Search Product Style in Header: From Destino version 1.0.3, it supports Search Product style in Header. To have Search Product in the Header Style, you can go to Appearance > Widget > Mid Header > SW Top Widget then choose Searchcate for option Template. You can see this image for more detail.

SW Destino supports mega menu and dropdown menu. There is options for you to choose with Menu Type, Theme Location. In addition, you can active sticky menu by choose option Active sticky menu for your site here.

8.7 Blog Options

SW Destino gives you multiple selections for Blog page with many features for Sidebar Blog Layout (Full Layout / Left Sidebar / Right Sidebar), Layout Blog and Blog Column .

8.8 Product Options

SW Destino allows you to change number of Products Column to display on different devices, select Sidebar Style for product and display Quickview Option. You can also change the number of product in Listing Product pages. In this tab, it enables you to turn on the Quickview and Product Zoom for products.
In addition, you can configure the Product Categories Widget with number of item and text showing.

8.9 Typography

SW Destino provides various options to custom the font style for your blog with Google Font.

With Social tab, SW Destino allows you to link your social easily. You can add link of your Facebook, Twitter, Tumblr, Linkedn, Google+ and Pinterest into your site.

8.11 Maintaincece Mode

If your site has not been ready to be launch, the Maintaincece Mode will be truly useful for you. In this tab, you can enable and configure Maintaincece Mode with various options including Background, Content, Date and Form.

If you want to use this Maintaincece Mode, firstly, please click on Enable Maintaincece Mode then you can configure other options in this tab.

8.12 Advanced

This tab provides options for your advanced customization.

Widget Advanced: You could choose Widget Advanced to display advanced configuration in widget panel for configuring by yourself.
Turn Off Breadcumb: You could choose to turn breadcumb in all page
Back to top: You could choose to turn on “back to top” option
Direction: You could change your site’s direction from left to right or from right to left.
Active Popup Subscribe: Check to active popup subscribe.
Popup Shortcode: You can custom your own popup here
Custom CSS/JS: Insert your own CSS and JS into this part. These CSS and JS will override all default styles located throughout the theme.

8.13 Import/Export Options

You can also backup your current theme options by clicking on the Import/Export tab >> Export Options. Import Options is not recommended, because this action will overwrite any existing options in your site.

9MENU CONFIGURATION

This theme uses 8 menus:

Primary Menu (Primary Menu)
Verticle Menu (Vertical Menu)
Our Services
My Account
My Wishlist
My Wishlist Compare
Vertical Menu (Vertical Menu) (
Menu Footer (Mobile Menu)

If you have imported demo content, go to Existing Menu or else go to Creating a New Menu to create a new menu.

Step 1: Go to Appearance > Menus

Step 2: In the Manage Locations area, choose an Assigned Menu, which appropriates to Theme Locations then click Save Changes to save the settings.

Step 1: Go to to Appearance > Menus

Step 2: Click Create a new menu. Enter Menu Name and click Create Menu.

Step 3: Check the menu item in the boxes in the left column, click Add to Menu to add items to the menu and drag/drop to arrange them.

Step 4: Click Save Menu

Step 5: Now assign the created menu to the appropriate location

Step 1: Go to to Appearance > Menus

Step 2: Click Edit Menus. Select a Menu Name in the dropdown menu and click Select to choose a menu to edit.

Step 3: Edit the menu and its items in Menu Structure

Step 4: Click Save Menu to save your changes

Note: When editing items in these menus, the items (in a menu) having same level could have same configuration. Therefore, we encourage you read throughtly and find out the item’s level to configure it without any errors.

In your Administrator Page, please go to Appearance > Menus and choose the menu to configure its structure.

The Frontend Appearance:

The Backend Settings:

1. We call Parent Level Menu Level 0. Then, next levels are Level 1, Level 2,etc.

2. Click on the first Menu Level 0 (Parent Level Menu ) item and select Dropdown Size = “3″ in the selection box.

Click here to see the Backend Settings.

3. Click “Save” button

Description of parameters in Advanced Menu Configuration:

Active mega menu: Allow to activate/inactivate Mega Menu

Icon: Using icon-* class to display Icon for any menu item with intergrated Font Awesome.

Dropdown Size: Set the width of dropdown menu. (ex: min = 1 (= 150px); max = 6 (= 900px)).

Dropdown Align

- Only for menu items level 0 – If you need a dropdown align by right direction, configure it to “Right” instead of “Left” or “Default” – “Default” means that no class can be added to dropdown, everything follows the default css. – “Left” / “Right”: add to dropdown an utility class and float it left/ right, make it align as your desire .

Show Description as Subtitle

- Show a short description – It is an essential attribute of a menu item. You may need to select to show it in the metabox screen.

Hide Title

- When you would like to hide the title of menu, please select “Yes” value. In this case, you need to configure Icon, Subtitle or Advanced Content.

Disable Link: Allow to disable link.

Advanced: Several advanced functions are placed here.

1.”Default”: NOOP, do nothing. Sure, it is not advanced.
2.”Use as Divider”: Show any icon, title, subtitle, content. Divider style only.
3.”Append Advanced Content”: Append content after menu title block (icon+title+subtitle).
4.”Append Advanced Content with Shortcode”: as above, but “do_shortcode” with this before append.

The Frontend Appearance:

The Backend Settings: Please click Here for more details.

The Frontend Appearance:

The Backend Settings: Please click Here for more details.

The Frontend Appearance:

The Backend Settings: Please click Here for more details.

The Frontend Appearance:

The Backend Settings: Please click Here for more details.

The Frontend Appearance:

The Backend Settings: Please click Here for more details.

Note: The items having same level could have same configuration and the Theme Location is chosen as folowing image:

In your Administrator Page, please go to Appearance > Menus and select Vertical Menu to configure its structure in the Backend Settings.

The Frontend Appearance:

The Backend Settings: Please click Here for more details.

The Frontend Appearance:

The Backend Settings: Please click Here for more details.

The Frontend Appearance:

In your Administrator Page, please go to Appearance > Menus and select the menu to configure its structure.

The Backend Settings: Please click Here for more details.

The Frontend Appearance:

In your Administrator Page, please go to Appearance > Menus and select the menu to configure its structure.

The Backend Settings: Please click Here for more details.

9.6 Mobile Menu

1. Vertical Menu

The Frontend Appearance:

In your Administrator Page, please go to Appearance > Menus and select the menu to configure its structure.

The Backend Settings: Please click Here for more details.

2. Menu Footer

The Frontend Appearance:

In your Administrator Page, please go to Appearance > Menus and select the menu to configure its structure.

The Backend Settings: Please click Here for more details.

10THEME CONFIGURATION

Note: After completing the New Installation or Upgrade Theme process, the layouts are available. Now you can check and see how they are set and then can configure your site as your expectations.

10.1 SW Destino Home Page 1: Digital Store 1

Note:
In the Admin Panel, please navigate to Page >> All Page >> Home to custom this home page’s settings.

Backend Setting: Please click Here for more detail about the setting of this page.

Page Metabox: You can custom your page settings here:

General – Please click Here to view.

Custom Logo: Please choose logo for this homepage

Home Template: This page use Home Style 1

Color Scheme: Please select color scheme Default for this page

Typography: Please click Here to view.

Google Fonts: Insert font style that you actually need on your webpage. Each font seperate by commas

Webfont Weight: For weight, see Google Fonts to custom for each font style.

Webfont Assign to: Select the place will apply the font style headers, every where or custom.

Webfont Custom Selector: Insert the places will be custom here, after selected custom Webfont assign.

Header: Please click Here to view.

Hide header: Choose to show or hide the header.

Header Style: Please select Header Style 1 for this page.

Footer: Please click Here to view.

Hide Footer: Choose to show or hide the footer.

Footer Page Select: Please select Footer Style 1 for this page.

Copyright Style: Please select Default for this page.

Sidebar: Please click Here to view.

Sidebar Layout: Choose layout sidebar for page

Sidebar: Chose sidebar to show.

10.1.0 [Video] Row & Column and Image Settings

First of all, please see the video about row, column and image settings in this page from the front end when editing with Visual Composer.

Please pay attention to the Extra class name and Design Options including margin, padding for each block.

10.1.1 Top Header

In your Administrator Page, please go to Appearance > Widgets and choose this one to configure as you want.

The Backend Settings: Please click Here to see more details.
You can copy & Paste the code into your editor:
*Text 1:

<div id="lang_sel">
	<ul class="nav">
		<li>
			<a class="lang_sel_sel icl-en" href="#">
				<img class="iclflag" title="English" alt="en" src="https://wpthemego.com/document/wp-content/themes/destino/assets/img/en.png" width="18" height="12"/>
				 English
			</a>
			<ul>
				<li class="icl-en">
					<a href="[get_url]&amp;direction=ltr">
						<img class="iclflag" title="English" alt="en" src="https://wpthemego.com/document/wp-content/themes/destino/assets/img/en.png" width="18" height="12"/>
						 English
					</a>
				</li>
				<li class="icl-ar">
					<a href="[get_url]&amp;direction=rtl">
						<img class="iclflag" title="Arabic" alt="ar" src="https://wpthemego.com/document/wp-content/themes/destino/assets/img/ar.png" width="18" height="12"/>
						Arabic
					</a>
				</li>
			</ul>
		</li>
	</ul>
</div>

<li>

English

</a>

<ul>

English

</a>

</li>

Arabic

</a>

</li>

</ul>

</li>

</ul>

</div>

*Text 2:

<div class="header-message">
<a href="http://www.sw_destino/?page_id=7">Create Account</a>
</div>

<a href="http://www.sw_destino/?page_id=7">Create Account</a>

</div>

*Text 3:

<div class="header-message">
Welcome Customer!
</div>

Welcome Customer!

</div>

10.1.2 Mid Header

In your Administrator Page, please go to Appearance > Widgets and choose this one to configure as you want.

The Backend Settings: Please click Here to see more details.

Copy & Paste the code into your editor:

<div class="contact-us">
Call us: (888) 1234 56789
</div>

Call us: (888) 1234 56789

</div>

Search Product Style:

From Destino version 1.0.3, it supports Search Product style in Header. To have Search Product in the Header Style, you can go to Appearance > Widget > Mid Header > SW Top Widget then choose Searchcate for option Template. You can see this image for more detail.

10.1.3 SW Vertical Megamenu

View Demo:
text-block
After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its Backend Settings.
The pop-up window will display the Settings, then you can configure the item as you want:

General Settings: Please click Here for more detail. The Extra class name home1-vertical should be added to have the same style as in the demo.
Row Settings: Please click Here for more detail.

10.1.4 Revolution Slider

View Demo:
revolution-slider
After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings.

The pop-up window will display the Backend Setting , then you can configure the item as you want.

General Settings: Please click Here for more detail. The Extra class name destino-slider1-1 should be added to have the same style as in the demo.
Row Settings: Please click Here for more detail.

To configure these slides in this page, you need to follow these steps:

Step 1: In your Administrator Page, please go to Revolution Slider > Revolution Slider, click on “pencil” symbol .
Step 2: After opening Slide Editor Panel, you could configure your slides such as Images, Text and Animation.
Let’s see the Backend Settings for more details.
NOTE:
About this Slider Revolution plugin, you can refer to the Slider Revolution Documentation and Slider Revolution Tutorial Videos for more detail.

10.1.5 Raw HTML

View Demo:
text-block
After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings
The pop-up window will display the backend settings, so you can configure the item as you want:

Raw HTML Settings: Please click Here for more detail. The Extra class name hidden-sm should be added to have the same style as in the demo.
Column Settings: Please click Here for more detail.

Copy & Paste the code into your editor:

<div class="wrap-quest">
		<div class="item item-1 col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<a href="#" class="wrap">
	            <div class="icon">icon1</div>
	            <div class="content">
				    <h3>Free Shipping & Return</h3>
				    <p>Free shipping on all UK orders</p>
	            </div>
            </a>
		</div>
		<div class="item item-2 col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<a href="#" class="wrap">
            <div class="icon">icon2</div>
	            <div class="content">
				   <h3>Money Guarantee</h3>
				   <p>30 days money back guarantee</p>
	            </div> 
            </a>
		</div>
		<div class="item item-3 col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<a href="#" class="wrap">
            <div class="icon">icon3</div>
	            <div class="content">
				    <h3>Online Support</h3>
				    <p>We support online 24/24 on day</p>
	            </div>
            </a>
		</div>
</div>

<h3>Free Shipping & Return</h3>

<p>Free shipping on all UK orders</p>

</div>

</a>

</div>

<h3>Money Guarantee</h3>

<p>30 days money back guarantee</p>

</div>

</a>

</div>

<h3>Online Support</h3>

<p>We support online 24/24 on day</p>

</div>

</a>

</div>

10.1.6 SW WooCommerce Countdown Slider

View Demo:

After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings.
The pop-up window will display the backend settings, so you can configure the item as you want:

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.

10.1.7 Single Image

General Settings: Please click Here for more detail.
Inner Row Settings: Please click Here for more detail. The Extra class name hidden-xs should be added to have the same style as in the demo.
Inner Column Settings: Please click Here for more detail. The Extra class name banner-top1 and banner-top2 should be added for 2 first images, and banner-bot1, banner-bot2, and banner-bot3 should be added for 3 bottom ones to have the same style as in the demo.

10.1.8 SW WooCommerce Slider

General Settings: Please click Here for more detail.

10.1.9 YA Responsive Post Slider

General Settings: Please click Here for more detail.

10.1.10 SW Latest Product

General Settings: Please click Here for more detail.

10.1.11 SW Best Sale

General Settings: Please click Here for more detail.

10.1.12 SW Featured Product

General Settings: Please click Here for more detail.

10.1.13 SW On Sale Product

General Settings: Please click Here for more detail.

10.1.14 SW Brand

General Settings: Please click Here for more detail.

10.1.15 Raw HTML

View Demo:

In your Administrator Page, please go to Pages > Footer Style 1 and click on “pencil” button at center of this part to configure its backend settings.

General Settings: Please click Here for more detail.
Row Settings: The Extra class name footer-menu should be added to have the same style as in the demo. Please click Here for more detail.
Inner Column Settings: The Extra class name contact-address should be added to have the same style as in the demo. Please click Here for more detail.

Copy & Paste the code into your editor:

<div class="info-footer">
	<h3>Contact Us</h3>
	<ul class="info-footer-adres">
		<li class="adres">
			<span>Address:</span><label>No 40 Baria street 133/2 newsyork city,NY,USD</label>
		</li>
		<li class="email">
			<span>mail us:</span><label>hiesign@Smartaddons.com</label>
		</li>
		<li class="phone">
			<span>Phone:</span><label>(888) 1234 56789</label>
		</li>
	</ul>
	<ul class="info-footer-social">
		<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
		<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
		<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
		<li><a href="#"><i class="fa fa-skype" aria-hidden="true"></i></a></li>
		<li><a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a></li>
		<li><a href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
		<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
	</ul>
</div>

<h3>Contact Us</h3>

<span>Address:</span><label>No 40 Baria street 133/2 newsyork city,NY,USD</label>

</li>

<span>mail us:</span><label>hiesign@Smartaddons.com</label>

</li>

<span>Phone:</span><label>(888) 1234 56789</label>

</li>

</ul>

</ul>

</div>

10.1.16 WP Custom Menu

View Demo:

In your Administrator Page, please go to Pages > Footer Style 1 and click on “pencil” button at center of this part to configure its backend settings.

General Settings: Please click Here for more detail.
Row Settings: The Extra class name footer-menu should be added to have the same style as in the demo. Please click Here for more detail.
Inner Column Settings: The Extra class name footer-menu1 should be added to have the same style as in the demo. Please click Here for more detail.

10.1.17 Text Block

View Demo:

1. Text Block – Footer Contact

In your Administrator Page, please go to Pages > Footer Style 1 and click on “pencil” button at center of this part to configure its backend settings.

General Settings: Please click Here for more detail.
Row Settings: The Extra class name footer-contact should be added to have the same style as in the demo. Please click Here for more detail.
NOTE: The MailChimp should be configured first then this form will work.

Copy & Paste the code into your editor:

<div class="newsletter-footer">
<div class="newsletter-footer-top">
<h3>Need help? call our award-winning</h3>
Support team 24/7 AT (844) 555-8386
</div>
<div class="form-newsletter">[mc4wp_form id="838"]</div>
</div>

<h3>Need help? call our award-winning</h3>

Support team 24/7 AT (844) 555-8386

</div>

</div>

2. Text Block – Footer Download

In your Administrator Page, please go to Pages > Footer Style 1 and click on “pencil” button at center of this part to configure its backend settings.

General Settings: Please click Here and Here for more detail. The Extra class name and foot-download-left and foot-download-right should be added to have the same style as in the demo.
Row Settings: The Extra class name footer-download should be added to have the same style as in the demo. Please click Here for more detail.

10.2 SW Destino Home Page 2: Digital Store 2

Note:
In the Admin Panel, please navigate to Page >> All Page >> Home 2 to custom this home page’s settings.

Backend Setting: Please click Here for more detail about the setting of this page.

Page Metabox: This section give you a chance to custom this homepage here. The setting fields will know which settings your page will handle. Please note that, if you do not have any special idea here, this page settings will be set as in the Theme Options section. You can custom your page in the Backend Settings.

This home page uses Header and Footer Style 2 and Copyright Style Default

10.2.0 [Video] Row & Column and Image Settings

First of all, please see the video about row, column and image settings in this page from the front end when editing with Visual Composer.

Please pay attention to the Extra class name and Design Options including margin, padding for each block.

10.2.1 Revolution Slider

View Demo:
revolution-slider
After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings.

The pop-up window will display the Backend Setting , then you can configure the item as you want.

General Settings: Please click Here for more detail. The Extra class name destino-slider2 should be added to have the same style as in the demo.
About Revolution Slider Configuration, you can refer to the one in Slider Home 1 for more detail.

10.2.2 Raw HTML

View Demo:
raw-html
After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings
The pop-up window will display the backend settings, so you can configure the item as you want:

Raw HTML Settings: Please click Here for more detail.
Row Settings: The Extra class name wrap-promotion and padding should be added. Please click Here for more detail.

Copy & Paste the code into your editor:

<div class="wrap-quest style2">
		<div class="item item-1 col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<a href="#" class="wrap">
	            <div class="icon">icon1</div>
	            <div class="content">
				    <h3>Free Shipping & Return</h3>
				    <p>Free shipping on all UK orders</p>
	            </div>
            </a>
		</div>
		<div class="item item-2 col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<a href="#" class="wrap">
            <div class="icon">icon2</div>
	            <div class="content">
				   <h3>Money Guarantee</h3>
				   <p>30 days money back guarantee</p>
	            </div> 
            </a>
		</div>
		<div class="item item-3 col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<a href="#" class="wrap">
            <div class="icon">icon3</div>
	            <div class="content">
				    <h3>Online Support</h3>
				    <p>We support online 24/24 on day</p>
	            </div>
            </a>
		</div>
</div>

<h3>Free Shipping & Return</h3>

<p>Free shipping on all UK orders</p>

</div>

</a>

</div>

<h3>Money Guarantee</h3>

<p>30 days money back guarantee</p>

</div>

</a>

</div>

<h3>Online Support</h3>

<p>We support online 24/24 on day</p>

</div>

</a>

</div>

10.2.3 SW WooCommerce Countdown Slider

View Demo:
sw-woo-slider
After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its Backend Settings.
The pop-up window will display the Settings, then you can configure the item as you want:

General Settings: Please click Backend Settings for more detail.

10.2.4 SW Testimonial Slider

View Demo:
testermonial
After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings.
The pop-up window will display the Backend Setting , then you can configure the item as you want.

General Settings: Please click Here for more detail.
Inner Row Settings: Please click Here for more detail.

10.2.5 YA Responsive Post Slider

General Settings: Please click Here for more detail.

10.2.6 Single Image

General Settings: Please click Here for more detail. The Extra class name hidden-sm hidden-xs should be added to have the same style as in the demo.

10.2.7 SW Woocommerce Slider

General Settings: Please click Here for more detail.

10.2.8 SW WooCommerce Slider

General Settings: Please click Here for more detail.
Inner Row Settings: Please click Here for more detail.

10.2.9 Single Image

General Settings: 2 Single Images have the same setting. Please click Here for more detail.
Inner Row Settings: Please add Extra Class Name hidden-sm hidden-xs for each one.
Inner Column Settings: Please add Extra Class Name home2-banner-left for the left one and home2-banner-right for the right one.

10.2.10 SW Latest Product

General Settings: Please click Here for more detail.

10.2.11 SW Featured Product

General Settings: Please click Here for more detail.

10.2.12 SW On Sale Product

General Settings: Please click Here for more detail.

10.2.13 SW Brand

General Settings: Please click Here for more detail.

10.2.14 Header and Footer

For Footer and Header elements, the configuration is the same to the one in Home Page 1. Please see Header 1 Config and Footer 1 Config for more details.

10.3 SW Destino Home Page 3: Fashion Store 1

Note:
In the Admin Panel, please navigate to Page >> All Page >> Home 3 to custom this home page’s settings.

Backend Setting: Please click Here for more detail about the setting of this page.

Page Metabox: This section give you a chance to custom this homepage here. The setting fields will know which settings your page will handle. Please note that, if you do not have any special idea here, this page settings will be set as in the Theme Options section. You can custom your page in the Backend Settings.

This home page uses Header and Footer Style 3 and Copyright Style 3

10.3.0 [Video] Row & Column and Image Settings

First of all, please see the video about row, column and image settings in this page from the front end when editing with Visual Composer.

Please pay attention to the Extra class name and Design Options including margin, padding for each block.

10.3.1 Top Header

View Demo:
header
The configuration is the same to the one in Home Page 1. Please click Here to see more details.

10.3.1 Mid Header

View Demo:
header
The configuration is the same to the one in Home Page 1. Please click Here to see more details.

10.3.3 Revolution Slider

View Demo:
revolution-slider
After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings.

The pop-up window will display the Backend Setting , then you can configure the item as you want.

General Settings: Please click Here for more detail. The Extra class name home-slider3 should be added to have the same style as in the demo.
About Revolution Slider Configuration, you can refer to the one in Slider Home 1 for more detail.

10.3.4 Raw HTML

Raw HTML Settings: Please click Here for more detail.

Copy & Paste the code into your editor:

<div class="wrap-quest style3">
		<div class="item item-1 col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<a href="#" class="wrap">
	            <div class="icon">icon1</div>
	            <div class="content">
				    <h3>Free Shipping & Return</h3>
				    <p>Free shipping on all UK orders</p>
	            </div>
            </a>
		</div>
		<div class="item item-2 col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<a href="#" class="wrap">
            <div class="icon">icon2</div>
	            <div class="content">
				   <h3>Money Guarantee</h3>
				   <p>30 days money back guarantee</p>
	            </div> 
            </a>
		</div>
		<div class="item item-3 col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<a href="#" class="wrap">
            <div class="icon">icon3</div>
	            <div class="content">
				    <h3>Online Support</h3>
				    <p>We support online 24/24 on day</p>
	            </div>
            </a>
		</div>
</div>

<h3>Free Shipping & Return</h3>

<p>Free shipping on all UK orders</p>

</div>

</a>

</div>

<h3>Money Guarantee</h3>

<p>30 days money back guarantee</p>

</div>

</a>

</div>

<h3>Online Support</h3>

<p>We support online 24/24 on day</p>

</div>

</a>

</div>

10.3.5 Single Image

View Demo:
single-image
After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its Backend Settings.
The pop-up window will display the Settings, then you can configure the item as you want:

General Settings: Please click Backend Settings for more detail.
For this part, please pay attention to the configuration of each element including Extra Class Name and padding.
The Extra class name used: 2 Row Settings: hidden-sm hidden-xs, Column Settings 1: home3-banner-left, Column Settings 2: home3-banner-right, Inner Column Settings 1: home3-banner-left1, Inner Column Settings 2: home3-banner-right1.

10.3.6 SW Woocommerce Slider

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.

10.3.7 SW Woocommerce Categories Slider

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.

10.3.8 SW WooCommerce Slider

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.

10.3.9 SW Woocommerce Categories Slider

General Settings: Please click Here for more detail.

10.3.10 SW Brand

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.

10.3.11 Footer Home Page 3

View Demo:

This is the Footer of the page. This page uses Footer Style 3. To configure this one, please go to Pages >> Footer Style 3 to edit with Visual Composer.

General Settings: Please click Here for more detail.

10.3.12 Footer Copyright

View Demo:

This is the Footer Copyright. To configure this one, please go to Appearance >> Widget >> Footer Copyright to configure as you want.

General Settings: Please click Here for more detail.

10.4 SW Destino Home Page 4: Fashion Store 2

Note:
In the Admin Panel, please navigate to Page >> All Page >> Home 4 to custom this home page’s settings.

Backend Setting: Please click Here for more detail about the setting of this page.

Page Metabox: This section give you a chance to custom this homepage here. The setting fields will know which settings your page will handle. Please note that, if you do not have any special idea here, this page settings will be set as in the Theme Options section. You can custom your page in the Backend Settings.

This home page uses Header and Footer Style 4 and Footer Copyright Style 3

10.4.0 [Video] Row & Column and Image Settings

First of all, please see the video about row, column and image settings in this page from the front end when editing with Visual Composer.

Please pay attention to the Extra class name and Design Options including margin, padding for each block.

10.4.1 Top Header 2

View Demo:
header

In your Administrator Page, please go to Appearance > Widgets >> Top Header 2 to configure as you want.

The Backend Settings: Please click Here to see more details.

You can copy & Paste the code into your editor:
*Text 1:

<div class="header-message">
Welcome Customer!
</div>

Welcome Customer!

</div>

*Text 2:

<div class="header-message">
<a href="http://www.sw_destino/?page_id=7">Create Account</a>
</div>

<a href="http://www.sw_destino/?page_id=7">Create Account</a>

</div>

*Text 3:

<div id="lang_sel">
	<ul class="nav">
		<li>
			<a class="lang_sel_sel icl-en" href="#">
				<img class="iclflag" title="English" alt="en" src="https://wpthemego.com/document/wp-content/themes/destino/assets/img/en.png" width="18" height="12"/>
				 English
			</a>
			<ul>
				<li class="icl-en">
					<a href="[get_url]&amp;direction=ltr">
						<img class="iclflag" title="English" alt="en" src="https://wpthemego.com/document/wp-content/themes/destino/assets/img/en.png" width="18" height="12"/>
						 English
					</a>
				</li>
				<li class="icl-ar">
					<a href="[get_url]&amp;direction=rtl">
						<img class="iclflag" title="Arabic" alt="ar" src="https://wpthemego.com/document/wp-content/themes/destino/assets/img/ar.png" width="18" height="12"/>
						Arabic
					</a>
				</li>
			</ul>
		</li>
	</ul>
</div>

<li>

English

</a>

<ul>

English

</a>

</li>

Arabic

</a>

</li>

</ul>

</li>

</ul>

</div>

10.4.2 Mid Header

View Demo:
header
The configuration is the same to the one in Home Page 1. Please click Here to see more details.

10.4.3 Revolution Slider

View Demo:
revolution-slider
After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings.

The pop-up window will display the Backend Setting , then you can configure the item as you want.

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail. The Extra class name home-slider4 should be added to have the same style as in the demo.
Column Settings: Please click Here for more detail. The Extra class name slider4-wrap should be added to have the same style as in the demo.
About Revolution Slider Configuration, you can refer to the one in Slider Home 1 for more detail.

10.4.4 SW WooCommerce Categories Slider

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.

10.4.5 SW Woocommerce Slider

General Settings: Please click Backend Settings for more detail.
Row Settings: Please click Here for more detail.

10.4.6 Single Image

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.
Column Settings: Please click Here for more detail. The Extra class name banner4-wrap should be added to have the same style as in the demo.

10.4.7 YA Responsive Post Slider

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.

10.4.8 SW Brand

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.

10.4.9 Footer Home Page 4

View Demo:

This is the Footer of the page. This page uses Footer Style 4. To configure this one, please go to Pages >> Footer Style 4 to edit with Visual Composer.

General Settings: Please click Here for more detail.

10.5 SW Destino Home Page 5: Fashion Store 3

Note:
In the Admin Panel, please navigate to Page >> All Page >> Home 5 to custom this home page’s settings.

Backend Setting: Please click Here for more detail about the setting of this page.

Page Metabox: This section give you a chance to custom this homepage here. The setting fields will know which settings your page will handle. Please note that, if you do not have any special idea here, this page settings will be set as in the Theme Options section. You can custom your page in the Backend Settings.

This home page uses Header and Footer Style 5 and Copyright Style 4

10.5.0 [Video] Row & Column and Image Settings

First of all, please see the video about row, column and image settings in this page from the front end when editing with Visual Composer.

Please pay attention to the Extra class name and Design Options including margin, padding for each block.

10.5.1 Top Header

View Demo:
header
The configuration is the same to the one in Home Page 1. Please click Here to see more details.

10.5.2 Mid Header

View Demo:
header
The configuration is the same to the one in Home Page 1. Please click Here to see more details.

10.5.3 Revolution Slider

View Demo:
revolution-slider
After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings.

The pop-up window will display the Backend Setting , then you can configure the item as you want.

General Settings: Please click Here for more detail.
Column Settings: Please click Here for more detail. The Extra class name content5-wrap should be added to have the same style as in the demo.
About Revolution Slider Configuration, you can refer to the one in Slider Home 1 for more detail.

10.5.4 SW WooCommerce Categories Slider

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.
Column Settings: Please click Here for more detail. The Extra class name content5-wrap should be added to have the same style as in the demo.

10.5.5 SW Woocommerce Slider

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.
Column Settings: Please click Here for more detail. The Extra class name content5-wrap should be added to have the same style as in the demo.

10.5.6 SW Woocommerce Categories Slider

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.
Column Settings: Please click Here for more detail. The Extra class name content5-wrap should be added to have the same style as in the demo.
Inner Column Settings: Please click Here for more detail. The Extra class name content5-wrap should be added to have the same style as in the demo.

10.5.7 SW Testimonial Slider

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.

10.5.8 SW WooCommerce Slider

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.
Column Settings: Please click Here for more detail. The Extra class name content5-wrap should be added to have the same style as in the demo.

10.5.9 Text Block

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.
Column Settings: Please click Here for more detail. The Extra class name content5-wrap should be added to have the same style as in the demo.

10.5.10 Raw HTML

General Settings: Please click Here for more detail.
Column Settings: Please click Here for more detail. The Extra class name content5-wrap should be added to have the same style as in the demo.

Copy & Paste the code into your editor:

<div class="wrap-quest style4">
		<div class="item item-1 col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<a href="#" class="wrap">
	            <div class="icon">icon1</div>
	            <div class="content">
				    <h3>Free Shipping & Return</h3>
				    <p>Free shipping on all UK orders</p>
	            </div>
            </a>
		</div>
		<div class="item item-2 col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<a href="#" class="wrap">
            <div class="icon">icon2</div>
	            <div class="content">
				   <h3>Money Guarantee</h3>
				   <p>30 days money back guarantee</p>
	            </div> 
            </a>
		</div>
		<div class="item item-3 col-lg-4 col-md-4 col-sm-4 col-xs-12">
			<a href="#" class="wrap">
            <div class="icon">icon3</div>
	            <div class="content">
				    <h3>Online Support</h3>
				    <p>We support online 24/24 on day</p>
	            </div>
            </a>
		</div>
</div>

<h3>Free Shipping & Return</h3>

<p>Free shipping on all UK orders</p>

</div>

</a>

</div>

<h3>Money Guarantee</h3>

<p>30 days money back guarantee</p>

</div>

</a>

</div>

<h3>Online Support</h3>

<p>We support online 24/24 on day</p>

</div>

</a>

</div>

10.5.11 Footer Home Page 5

View Demo:

This is the Footer of the page. This page uses Footer Style 5. To configure this one, please go to Pages >> Footer Style 5 to edit with Visual Composer.

General Settings: Please click Here for more detail.

10.6 SW Destino Home Page 6: Fashion Store 4

Note:
In the Admin Panel, please navigate to Page >> All Page >> Home 6 to custom this home page’s settings.

Backend Setting: Please click Here for more detail about the setting of this page.

Page Metabox: This section give you a chance to custom this homepage here. The setting fields will know which settings your page will handle. Please note that, if you do not have any special idea here, this page settings will be set as in the Theme Options section. You can custom your page in the Backend Settings.

This home page uses Header and Footer Style 6 and Copyright Default

10.6.0 [Video] Row & Column and Image Settings

First of all, please see the video about row, column and image settings in this page from the front end when editing with Visual Composer.

Please pay attention to the Extra class name and Design Options including margin, padding for each block.

10.6.1 Top Header

View Demo:
header
The configuration is the same to the one in Home Page 1. Please click Here to see more details.

10.6.2 Revolution Slider 5

View Demo:

After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings.

General Settings: Please click Here for more detail.
About Revolution Slider Configuration, you can refer to the one in Slider Home 1 for more detail.

10.6.3 Raw HTML

View Demo:

After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings.

The pop-up window will display the Backend Setting , then you can configure the item as you want.

General Settings: Please click Here for more detail.

Copy & Paste the code into your editor:

<div class="block-promotion">
		<div class="item item-1">
			<a href="#" class="wrap">
	            <div class="icon">icon1</div>
	            <div class="content">
				    <h3>Free Shipping &amp; Return</h3>
				    <p>Free shipping on all UK orders</p>
	            </div>
            </a>
		</div>
		<div class="item item-2">
			<a href="#" class="wrap">
            <div class="icon">icon2</div>
	            <div class="content">
				   <h3>Money Guarantee</h3>
				   <p>30 days money back guarantee</p>
	            </div> 
            </a>
		</div>
		<div class="item item-3">
			<a href="#" class="wrap">
            <div class="icon">icon3</div>
	            <div class="content">
				    <h3>Online Support</h3>
				    <p>We support online 24/24 on day</p>
	            </div>
            </a>
		</div>
</div>

<h3>Free Shipping & Return</h3>

<p>Free shipping on all UK orders</p>

</div>

</a>

</div>

<h3>Money Guarantee</h3>

<p>30 days money back guarantee</p>

</div>

</a>

</div>

<h3>Online Support</h3>

<p>We support online 24/24 on day</p>

</div>

</a>

</div>

10.6.4 SW WooCommerce Slider

General Settings: Please click Here for more detail.

10.6.5 Single Image

General Settings: Please click Here for more detail.
Column Settings: Please click Here for more detail.

10.6.6 SW WooCommerce Slider

General Settings: Please click Here for more detail.
Column Settings: Please click Here for more detail.

10.6.7 SW WooCommerce Slider

General Settings: Please click Here for more detail.

10.6.8 Single Image

General Settings: Please click Here for more detail.

10.6.9 SW WooCommerce Categories Slider

General Settings: Please click Here for more detail.

10.6.10 SW Brand

General Settings: Please click Here for more detail.

10.6.11 Footer Home Page 6

View Demo:

This is the Footer of the page. This page uses Footer Style 6. To cpnfigure this one, please go to Pages >> Footer Style 6 to edit with Visual Composer.

General Settings: Please click Here for more detail.

10.7 SW Destino Home Page 7: Watch Store

Note:
In the Admin Panel, please navigate to Page >> All Page >> Home 7 to custom this home page’s settings.

Backend Setting: Please click Here for more detail about the setting of this page.

Page Metabox: This section give you a chance to custom this homepage here. The setting fields will know which settings your page will handle. Please note that, if you do not have any special idea here, this page settings will be set as in the Theme Options section. You can custom your page in the Backend Settings.

This home page uses Header and Footer Style 6 and Copyright Style 3

10.7.0 [Video] Row & Column and Image Settings

First of all, please see the video about row, column and image settings in this page from the front end when editing with Visual Composer.

Please pay attention to the Extra class name and Design Options including margin, padding for each block.

10.7.1 Top Header

View Demo:
header
The configuration is the same to the one in Home Page 1. Please click Here to see more details.

10.7.2 Search

View Demo:

This is the option in Appearance > Theme Options > Header & Footer. If you want to disable it, please check the option Disable Search.

General Settings: Please click Here for more detail.

10.7.3 Mid Header

View Demo:

The configuration is the same to the one in Home Page 1. Please click Here to see more details.

10.7.4 Revolution Slider 5

General Settings: Please click Here for more detail.
About Revolution Slider Configuration, you can refer to the one in Slider Home 1 for more detail.

10.7.5 Raw HTML

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.
Column Settings: Please click Here for more detail.

Copy & Paste the code into your editor:

<div class="block-home7">
	<div class="item item-1 col-lg-4 col-md-4 col-sm-4 col-xs-12">
		<a href="#" class="wrap">
			<div class="icon">icon1</div>
			<div class="content">
				<h3>Free Shipping on Orders Over $99</h3>
			</div>
		</a>
	</div>
	<div class="item item-2 col-lg-4 col-md-4 col-sm-4 col-xs-12">
		<a href="#" class="wrap">
		<div class="icon">icon2</div>
			<div class="content">
			   <h3>30 Days Money Back Guarantee</h3>
			</div> 
		</a>
	</div>
	<div class="item item-3 col-lg-4 col-md-4 col-sm-4 col-xs-12">
		<a href="#" class="wrap">
		<div class="icon">icon3</div>
			<div class="content">
				<h3>Support Online 24/24 On Day</h3>
			</div>
		</a>
	</div>
</div>

<h3>Free Shipping on Orders Over $99</h3>

</div>

</a>

</div>

<h3>30 Days Money Back Guarantee</h3>

</div>

</a>

</div>

<h3>Support Online 24/24 On Day</h3>

</div>

</a>

</div>

10.7.6 SW WooCommerce Countdown Slider

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.

10.7.7 SW WooCommerce Categories Slider

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.

10.7.8 SW WooCommerce Tab Category Slider

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.

10.7.9 YA Responsive Post Slider

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail.

10.7.10 Footer Style 7

View Demo:

This is the Footer of the page. This page uses Footer Style 7. To cpnfigure this one, please go to Pages >> Footer Style 7 to edit with Visual Composer.

General Settings: Please click Here for more detail.

[Extra] OTHER PAGE CONFIGURATION

This section will include an overview about the page configuration of some pages. Please note that before installing these one, the required plugins should be installed and activated.

Shop Page

Blog 2 Columns

Portfolio 2 Columns Page

About Us Page

Contact Us Page

Coming Soon Page

SW Destino – Shop Page

Note:
In the Admin Panel, please navigate to Page >> All Page >> Shop to custom this page’s settings.

Page Metabox: This section give you a chance to custom this homepage here. The setting fields will know which settings your page will handle. Please note that, if you do not have any special idea here, this page settings will be set as in the Theme Options section. You can custom your page in the Backend Settings.

This home page uses Header and Footer Style 1, Sidebar Top Categories and Sidebar Right Product

1. Sidebar Top Categories :

To configure this part, please go to Appearance >> Widget >> Sidebar Right Product then configure the item as you want.

General Settings: Please click Here for more detail.

2. Sidebar Right Product:

To configure this part, please go to Appearance >> Widget >> Sidebar Right Product then configure the item as you want.

General Settings: Please click Here for more detail.

SW Destino – Blog 2 Columns Page

Note:
In the Admin Panel, please navigate to Page >> All Page >> Blog 2 Columns to custom this page’s settings.

Backend Setting: Please click Here for more detail about the setting of this page.

Page Metabox: This section give you a chance to custom this homepage here. The setting fields will know which settings your page will handle. Please note that, if you do not have any special idea here, this page settings will be set as in the Theme Options section. You can custom your page in the Backend Settings.

This home page uses Header and Footer Style 1 and Sidebar Left Blog

1. Sidebar Left Blog:

To configure this part, please go to Appearance >> Widget >> Sidebar Left Blog then configure the item as you want.

General Settings: Please click Here for more detail.

2. SW Blog Listing :

After opening the homepage with Visual Composer, click on “pencil” button at center of this part to configure its backend settings.
The pop-up window will display the Backend Setting , then you can configure the item as you want.

General Settings: Please click Here for more detail.

SW Destino – Portfolio 2 Columns Page

Note:
In the Admin Panel, please navigate to Page >> All Page >> Portfolio 2 Columns to custom this home page’s settings.

Backend Setting: Please click Here for more detail about the setting of this page.

Page Metabox: This section give you a chance to custom this homepage here. The setting fields will know which settings your page will handle. Please note that, if you do not have any special idea here, this page settings will be set as in the Theme Options section. You can custom your page in the Backend Settings.

This home page uses Header and Footer Style 1

SW Portfolio:

General Settings: Please click Here for more detail.

SW Destino – About Us Page

Note:
In the Admin Panel, please navigate to Page >> All Page >> About Us to custom this page’s settings.

Backend Setting: Please click Here for more detail about the setting of this page.

Page Metabox: This section give you a chance to custom this homepage here. The setting fields will know which settings your page will handle. Please note that, if you do not have any special idea here, this page settings will be set as in the Theme Options section. You can custom your page in the Backend Settings.

This home page uses Header and Footer Style 1

1. Single Image:

General Settings: Please click Here for more detail.
Row Settings: Please add Extra class name top-about into this block to have the same style as in the demo.

2. Text Block 1:

General Settings: Please click Here for more detail.

3. Text Block 2:

General Settings: Please click Here for more detail.
Row Settings: Please add Extra class name mid-about into each block to have the same style as in the demo.

4. Text Block 3:

General Settings: Please click Here for more detail.
Row Settings: Please add Extra class name bg-about have the same style as in the demo.

5. SW Our Team:

General Settings: Please click Here for more detail.

SW Destino – Contact Us Page

Note:
In the Admin Panel, please navigate to Page >> All Page >> About Us to custom this page’s settings.

Backend Setting: Please click Here for more detail about the setting of this page.

Page Metabox: This section give you a chance to custom this homepage here. The setting fields will know which settings your page will handle. Please note that, if you do not have any special idea here, this page settings will be set as in the Theme Options section. You can custom your page in the Backend Settings.

This home page uses Header and Footer Style 1

1. Google Map:

Row Settings: Please add Extra class name contact_us into this block to have the same style as in the demo.

2. Text Block:

General Settings: Please click Here for more detail.Please add Extra class name left-contact into each block to have the same style as in the demo.

3. Raw HTML

SW Destino – Coming Soon Page

Note:
In the Admin Panel, please navigate to Page >> All Page >> Coming Soon to custom this page’s settings.

Backend Setting: Please click Here for more detail about the setting of this page.

Page Metabox: This section give you a chance to custom this homepage here. The setting fields will know which settings your page will handle. Please note that, if you do not have any special idea here, this page settings will be set as in the Theme Options section.

This home page uses Header and Footer Style 1

Text Block:

General Settings: Please click Here for more detail.

11MOBILE LAYOUTS

Note:

1. Firstly, to use Mobile layout, it should be enabled first in the Appearance > Theme Options > Mobile Layout > Enable Mobile Layout. Here you can also configure the Mobile Header Style, Mobile Footer Style and the Mobile Content.

2. The menu for mobile should be created and assigned, then it will appear in your mobile layout. You can refer to the Mobile Menu Configuration for more detail.

11.1 Home Mobile 1

Note:

1. Firstly, to use Mobile layout, it should be enabled first in the Appearance > Theme Options > Mobile Layout > Enable Mobile Layout.

2. After that, in the Admin Panel, please navigate to Page >> All Page >> Home Mobile 1 to custom this home page’s settings.

Backend Setting: Please click Here to view.

You can Copy & Paste the code into your editor:

<div data-vc-full-width="true" data-vc-full-width-init="false" data-vc-stretch-content="true" class="vc_row wpb_row vc_row-fluid vc_row-no-padding"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">[img_slide ids="3574,3436,3575" fade="false" autoplaySpeed="1000" interval="5000" autoplayspeed="1000"]</div></div></div></div><div class="vc_row-full-width vc_clearfix"></div><div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">[woo_slide_countdown title1="Deals Of The Week" title_length="0" numberposts="5" item_row="1" columns="1" columns1="1" columns2="5" columns3="5" columns4="5" speed="1000" interval="5000" layout="layout2" scroll="1"]</div></div></div></div><div data-vc-full-width="true" data-vc-full-width-init="false" data-vc-stretch-content="true" class="vc_row wpb_row vc_row-fluid vc_row-no-padding"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_center wpb_content_element  banner-1">
		
		<figure class="wpb_wrapper vc_figure">
			<a href="#" target="_self" class="vc_single_image-wrapper   vc_box_border_grey"></a>
		</figure>
	</div>
</div></div></div></div><div class="vc_row-full-width vc_clearfix"></div><div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">[woo_slide title1="Smartphones & Tablets" title_length="0" category="phone-tablets" numberposts="5" item_row="1" columns="1" columns1="1" columns2="1" columns3="1" columns4="1" speed="1000" interval="5000" layout="theme-mobile" scroll="1"]</div></div></div></div><div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">[sw_brand title1="Featured Brands" category="brm1,brm2,brm3,brm4,brm5" numberposts="5" item_row="1" columns="1" columns1="1" columns2="5" columns3="5" columns4="4" speed="1000" interval="5000" layout="layout1" scroll="1"]</div></div></div></div><div class="vc_row wpb_row vc_row-fluid"><div class="wrap-banner-mobile wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_center wpb_content_element  banner">
		
		<figure class="wpb_wrapper vc_figure">
			<a href="#" target="_self" class="vc_single_image-wrapper   vc_box_border_grey"></a>
		</figure>
	</div>

	<div  class="wpb_single_image wpb_content_element vc_align_center wpb_content_element  banner">
		
		<figure class="wpb_wrapper vc_figure">
			<a href="#" target="_self" class="vc_single_image-wrapper   vc_box_border_grey"></a>
		</figure>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_raw_code wpb_raw_html wpb_content_element" >
		<div class="wpb_wrapper">
			<div class="block-mobile">
	<div class="info info1">
		<div class="inner">
			<i class="fa fa-truck"></i>
			<div class="info-content">
				<span>free delivery</span>
				<p>From 275 AED</p>
			</div>
		</div>
	</div>
	<div class="info info2">
		<div class="inner">
			<i class="fa fa-money"></i>
			<div class="info-content">
				<span>free delivery</span>
				<p>From 275 AED</p>
			</div>
		</div>
	</div>
	<div class="info info3">
		<div class="inner">
			<i class="fa fa-gift"></i>
			<div class="info-content">
				<span>free gift box</span>
				<p>& gift note</p>
			</div>
		</div>
	</div>
</div>
		</div>
	</div>
</div></div></div></div>

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][img_slide ids="3574,3436,3575" fade="false" autoplaySpeed="1000" interval="5000" autoplayspeed="1000"][/vc_column][/vc_row][vc_row][vc_column][woo_slide_countdown title1="Deals Of The Week" title_length="0" numberposts="5" item_row="1" columns="1" columns1="1" columns2="5" columns3="5" columns4="5" speed="1000" interval="5000" layout="layout2" scroll="1"][/vc_column][/vc_row][vc_row full_width="stretch_row_content_no_spaces"][vc_column][vc_single_image image="3448" img_size="480×100" alignment="center" onclick="custom_link" link="#" el_class="banner-1"][/vc_column][/vc_row][vc_row][vc_column][woo_slide title1="Smartphones & Tablets" title_length="0" category="phone-tablets" numberposts="5" item_row="1" columns="1" columns1="1" columns2="1" columns3="1" columns4="1" speed="1000" interval="5000" layout="theme-mobile" scroll="1"][/vc_column][/vc_row][vc_row][vc_column][sw_brand title1="Featured Brands" category="brm1,brm2,brm3,brm4,brm5" numberposts="5" item_row="1" columns="1" columns1="1" columns2="5" columns3="5" columns4="4" speed="1000" interval="5000" layout="layout1" scroll="1"][/vc_column][/vc_row][vc_row][vc_column el_class="wrap-banner-mobile"][vc_single_image image="3468" img_size="225×99" alignment="center" onclick="custom_link" el_class="banner" link="#"][vc_single_image image="3469" img_size="225×99" alignment="center" onclick="custom_link" link="#" el_class="banner"][/vc_column][/vc_row][vc_row][vc_column][vc_raw_html]JTNDZGl2JTIwY2xhc3MlM0QlMjJibG9jay1tb2JpbGUlMjIlM0UlMEElMDklM0NkaXYlMjBjbGFzcyUzRCUyMmluZm8lMjBpbmZvMSUyMiUzRSUwQSUwOSUwOSUzQ2RpdiUyMGNsYXNzJTNEJTIyaW5uZXIlMjIlM0UlMEElMDklMDklMDklM0NpJTIwY2xhc3MlM0QlMjJmYSUyMGZhLXRydWNrJTIyJTNFJTNDJTJGaSUzRSUwQSUwOSUwOSUwOSUzQ2RpdiUyMGNsYXNzJTNEJTIyaW5mby1jb250ZW50JTIyJTNFJTBBJTA5JTA5JTA5JTA5JTNDc3BhbiUzRWZyZWUlMjBkZWxpdmVyeSUzQyUyRnNwYW4lM0UlMEElMDklMDklMDklMDklM0NwJTNFRnJvbSUyMDI3NSUyMEFFRCUzQyUyRnAlM0UlMEElMDklMDklMDklM0MlMkZkaXYlM0UlMEElMDklMDklM0MlMkZkaXYlM0UlMEElMDklM0MlMkZkaXYlM0UlMEElMDklM0NkaXYlMjBjbGFzcyUzRCUyMmluZm8lMjBpbmZvMiUyMiUzRSUwQSUwOSUwOSUzQ2RpdiUyMGNsYXNzJTNEJTIyaW5uZXIlMjIlM0UlMEElMDklMDklMDklM0NpJTIwY2xhc3MlM0QlMjJmYSUyMGZhLW1vbmV5JTIyJTNFJTNDJTJGaSUzRSUwQSUwOSUwOSUwOSUzQ2RpdiUyMGNsYXNzJTNEJTIyaW5mby1jb250ZW50JTIyJTNFJTBBJTA5JTA5JTA5JTA5JTNDc3BhbiUzRWZyZWUlMjBkZWxpdmVyeSUzQyUyRnNwYW4lM0UlMEElMDklMDklMDklMDklM0NwJTNFRnJvbSUyMDI3NSUyMEFFRCUzQyUyRnAlM0UlMEElMDklMDklMDklM0MlMkZkaXYlM0UlMEElMDklMDklM0MlMkZkaXYlM0UlMEElMDklM0MlMkZkaXYlM0UlMEElMDklM0NkaXYlMjBjbGFzcyUzRCUyMmluZm8lMjBpbmZvMyUyMiUzRSUwQSUwOSUwOSUzQ2RpdiUyMGNsYXNzJTNEJTIyaW5uZXIlMjIlM0UlMEElMDklMDklMDklM0NpJTIwY2xhc3MlM0QlMjJmYSUyMGZhLWdpZnQlMjIlM0UlM0MlMkZpJTNFJTBBJTA5JTA5JTA5JTNDZGl2JTIwY2xhc3MlM0QlMjJpbmZvLWNvbnRlbnQlMjIlM0UlMEElMDklMDklMDklMDklM0NzcGFuJTNFZnJlZSUyMGdpZnQlMjBib3glM0MlMkZzcGFuJTNFJTBBJTA5JTA5JTA5JTA5JTNDcCUzRSUyNmFtcCUzQiUyMGdpZnQlMjBub3RlJTNDJTJGcCUzRSUwQSUwOSUwOSUwOSUzQyUyRmRpdiUzRSUwQSUwOSUwOSUzQyUyRmRpdiUzRSUwQSUwOSUzQyUyRmRpdiUzRSUwQSUzQyUyRmRpdiUzRQ==[/vc_raw_html][/vc_column][/vc_row]

11.1.1 Vertical Menu

This is Mobile Header Style 1. Firstly, you need to create Mobile Menu. After that, please go to Appearance > Theme Options > Mobile Layout to choose Style 1 for Mobile Header Menu.

General Settings: Please click Mobile Layout for more detail.

11.1.2 Destino IMG Slider

To configure this part, please go click on “pencil” button at center of this part to configure its backend settings.
The pop-up window will display the Backend Setting , then you can configure the item as you want.

General Settings: Please click Here for more detail.

11.1.3 SW WooCommerce Countdown Slider

General Settings: Please click Here for more detail.

11.1.4 Single Product

General Settings: Please click Here for more detail. The Extra class name banner-1 should be added to have the same style as in the demo.

11.1.5 SW WooCommerce Slider

General Settings: Please click Here for more detail.

11.1.6 SW Brand

General Settings: Please click Here for more detail.

11.1.7 Single Image

General Settings: Please click Here for more detail. The Extra class name banner should be added to have the same style as in the demo.
Column Settings: Please click Here for more detail. The Extra class name wrap-banner-mobile should be added to have the same style as in the demo.

11.1.8 Raw HTML

General Settings: Please click Here for more detail.

Copy & paste the code into your editor:

<div class="block-mobile">
	<div class="info info1">
		<div class="inner">
			<i class="fa fa-truck"></i>
			<div class="info-content">
				<span>free delivery</span>
				<p>From 275 AED</p>
			</div>
		</div>
	</div>
	<div class="info info2">
		<div class="inner">
			<i class="fa fa-money"></i>
			<div class="info-content">
				<span>free delivery</span>
				<p>From 275 AED</p>
			</div>
		</div>
	</div>
	<div class="info info3">
		<div class="inner">
			<i class="fa fa-gift"></i>
			<div class="info-content">
				<span>free gift box</span>
				<p>&amp; gift note</p>
			</div>
		</div>
	</div>
</div>

<span>free delivery</span>

</div>

<span>free delivery</span>

</div>

</div>

11.1.9 Mobile Footer

This is Mobile Footer Style 1. Firstly, you need to create Mobile Menu. After that, please go to Appearance > Theme Options > Mobile Layout to choose Mobile Footer Style 1 for this one.

General Settings: Please click Mobile Layout for more detail.

11.2 Home Mobile 2

Note:

1. Firstly, to use Mobile layout, it should be enabled first in the Appearance > Theme Options > Mobile Layout > Enable Mobile Layout.

2. After that, in the Admin Panel, please navigate to Page >> All Page >> Home Mobile 2 to custom this home page’s settings.

Backend Setting: Please click Here to view.

You can Copy & Paste the code into your editor:

<div data-vc-full-width="true" data-vc-full-width-init="false" data-vc-stretch-content="true" class="vc_row wpb_row vc_row-fluid wrap-fade-slide vc_row-no-padding"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">[img_slide ids="3591,3613" interval="5000" autoplayspeed="1000"]</div></div></div></div><div class="vc_row-full-width vc_clearfix"></div><div class="vc_row wpb_row vc_row-fluid"><div class="wrap-banner-mobile wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_center wpb_content_element  banner">
		
		<figure class="wpb_wrapper vc_figure">
			<a href="#" target="_self" class="vc_single_image-wrapper   vc_box_border_grey"></a>
		</figure>
	</div>

	<div  class="wpb_single_image wpb_content_element vc_align_center wpb_content_element  banner">
		
		<figure class="wpb_wrapper vc_figure">
			<a href="#" target="_self" class="vc_single_image-wrapper   vc_box_border_grey"></a>
		</figure>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid home-mobile2"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">[woo_slide title1="New Arrivals" title_length="0" category="fashions" numberposts="5" item_row="1" columns="1" columns1="1" columns2="1" columns3="2" columns4="2" speed="1000" interval="5000" layout="theme-mobile" scroll="1"]</div></div></div></div><div data-vc-full-width="true" data-vc-full-width-init="false" data-vc-stretch-content="true" class="vc_row wpb_row vc_row-fluid vc_row-no-padding"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">[woocat_slide category="bags,fashions,swims" layout="layout3"]</div></div></div></div><div class="vc_row-full-width vc_clearfix"></div><div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">[sw_brand category="0" numberposts="5" item_row="1" columns="4" columns1="4" columns2="4" columns3="4" columns4="4" speed="1000" interval="5000" scroll="1"]</div></div></div></div>

[vc_row full_width="stretch_row_content_no_spaces" el_class="wrap-fade-slide"][vc_column 0=""][img_slide ids="3591,3613" interval="5000" autoplayspeed="1000"][/vc_column][/vc_row][vc_row 0=""][vc_column el_class="wrap-banner-mobile"][vc_single_image image="3594" img_size="225x160" alignment="center" onclick="custom_link" link="#" el_class="banner"][vc_single_image image="3595" img_size="225x160" alignment="center" onclick="custom_link" link="#" el_class="banner"][/vc_column][/vc_row][vc_row el_class="home-mobile2"][vc_column 0=""][woo_slide title1="New Arrivals" title_length="0" category="fashions" numberposts="5" item_row="1" columns="1" columns1="1" columns2="1" columns3="2" columns4="2" speed="1000" interval="5000" layout="theme-mobile" scroll="1"][/vc_column][/vc_row][vc_row full_width="stretch_row_content_no_spaces"][vc_column 0=""][woocat_slide category="bags,fashions,swims" layout="layout3"][/vc_column][/vc_row][vc_row][vc_column][sw_brand category="0" numberposts="5" item_row="1" columns="4" columns1="4" columns2="4" columns3="4" columns4="4" speed="1000" interval="5000" scroll="1"][/vc_column][/vc_row]

11.2.1 Mobile Header

This is Mobile Header Style 2. Firstly, you need to create Mobile Menu. After that, please go to Appearance > Theme Options > Mobile Layout to choose Style 2 for Mobile Header Menu.

General Settings: Please click Mobile Layout for more detail.

11.2.2 Destino IMG Slider

General Settings: Please click Here for more detail.
Row Settings: Please click Here for more detail. The Extra class name wrap-fade-slide should be added to have the same style as in the demo.

11.2.3 Single Image

General Settings: Please click Here for more detail. The Extra class name banner should be added to have the same style as in the demo.
Column Settings: Please click Here for more detail. The Extra class name wrap-banner-mobile should be added to have the same style as in the demo.

11.2.4 SW WooCommerce Slider

General Settings: Please click Here for more detail. The Extra class name home-mobile2 should be added to have the same style as in the demo.
Row Settings: Please click Here for more detail. The Extra class name home-mobile2 should be added to have the same style as in the demo.

11.2.5 SW WooCommerce Categories Slider

General Settings: Please click Here for more detail.

11.2.6 SW Brand

General Settings: Please click Here for more detail.

11.2.7 Mobile Footer

This is Mobile Footer Style 1. Firstly, you need to create Mobile Menu. After that, please go to Appearance > Theme Options > Mobile Layout to choose Mobile Footer Style 1 for this one.

General Settings: Please click Mobile Layout for more detail.

12RECOMMENDATION

11.1 WooCommerce

SW Destino Theme is fully compatible with WooCommerce plugin. WooCommerce is external plugin and all info about this awesome plugin you can find plugin’s author page.

Firstly, please have a look at the WooCommerce Documentation to see the this plugin’s Installation and Settings and other basic knowledge.

After installing the WooCommerce and having some products in your WordPress website, please go to Woocommerce > Settings > Products to custom your product settings to meet this SW Destino theme. Please remember to click Save Changes button after the change you make.

To change the General Settings, please go to “Woocommerce > Settings > Products > General” section.
To change the Image Size, please go to “Woocommerce > Settings > Products > Display” section.
Before changing the Images Sizes, firstly please regenerate all the thumbnails. For this one, you should install and activate “Regenerate Thumbnails” plugin in your site.
To change the Inventory Settings, please go to “Woocommerce > Settings > Products > Inventory” section.
To change the settings of Downloadable Products, please go to “Woocommerce > Settings > Products > Downloadable Products” section.

11.2 Image Dimensions In Posts

For SW Destino theme, we recommend using some dimensions for your image in posts. Please go to Settings >> Media and set up these dimensions:

woocommerce

11.3 Product Image Size

For SW Destino theme, we recommend using the dimensions for your product image in the following page:

Home Page 1 : 600 x 800 pixels
Home Page 2 : 600 x 800 pixels
Home Page 3 : 600 x 800 pixels
Home Page 4 : 600 x 800 pixels
Home Page 5 : 600 x 800 pixels
Home Page 6 : 600 x 800 pixels
Shop: 600 x 800 pixels
Blog: 870 x 450 pixels

11.4 Visual Composer

The SW Destino Theme uses the Visual Composer 5.0. This is a really powerful page buider plugin that let you customize your pages in the frontend and backend and 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 without any code changing. Moreover, now you can choose either work on a backend or move your page building process to frontend and instantly see the changes you make.

You can see some Tutorial Videos or Tutorials for Beginner to get more details about this plugin.

11.5 Translation

This theme is compatible with WPML plugin.

WPML is the most popular plugin for multi language support. Below you will find documentation their team created for using WPML plugin. If you’ve purchased WPML and have any questions or issues, please check the links below.

WPML Plugin – The highly recommended plugin to manage multi-lingual sites
WPML Forum Support – If you bought WPML then you get free support from their amazing team
Translating Widgets – Tutorial recommended by wpml team for translating widgets

11.6 Featured Video Product

From version 1.8.0, you can use Featured Video for Product in stead of Image. To use this feature, while creating new product, you can enter the Youtube Video ID in the Featured Product Video option.

Currently, this feature only support Youtube Video, we will update to support Vimeo video in the next version.
The Backend Settings: Please click Here to see more details.
How to get Youtube Video ID: Please click Here to see more details.

13SUPPORT

SUPPORT: If there is any questions that are beyond the scope of this help file, please feel free to contact our team via: Support Tickets System to get help.
FAQs: Besides, you can check the Frequently Asked Questions about our products and services.