SM Shoppystore24

This document is for SM Shoppystore Magento Version 2.4.x

Firstly, a huge thanks for purchasing this theme, your support is truly appreciated!

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 Tickets System.

Note: This theme has versions for Magento 1.9.x, 2.1.x, 2.2.x, 2.3.x and Magento 2.4.x.

Version	Userguide
SM Shoppystore Magento Version 1.9.x	Please click *Here* to view
SM Shoppystore Magento Version 2.1.x-2.3.x	Please click *Here* to view
SM Shoppystore Magento Version 2.4.x	Please click *Here* to view

1 SYSTEM REQUIREMENT

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

System Requirements – Required system credentials for your magento installation.

Installation Guide – Installation guide that describes how to install magento2.

Online Magento 2 guide – Online magento documentation that describes about magento2 in detail.

Magento Forum – Magento forum site.

stackoverflow.com – You can also get some useful articles from stackoverflow.

2INSTALLATION

Note:

As of Magento 2.4.0, MySQL is no longer used for search. You must use Elasticsearch. Magento supports Elasticsearch 7.6.x.
(Magento no longer supports Elasticsearch 2.x, 5.x, and 6.x.)

There are two ways to install a Magento Theme:

Quickstart Installation: Suitable if you have your first installation and want to get a whole new fresh site as our Demo.
Manual Installation (including Theme Installation): Suitable if your store is full with content that you want to overwrite.

2.1 Quickstart Installation:

Magentech provides SM Quickstart package for each theme which aims to ease the installation for users. If you plan to start your site from the beginning, it will help you save much time of installing and configuring. Please follow steps below:

Important: You must use the command line to install Magento 2.4+.

Step 1: Download the quickstart package named as sm_shoppystore_quickstart_pl_m2.4.0_v4.0.0
Step 2: Upload and Extract the whole Quickstart package to your server. In Quickstart folder you will see the extracted folder that include all sample data

After upload quickstart package, please extract package by this command: unzip file.zip

Step 3: Create a Database for your Magento site

Important!

You need to remember the database name to use in the next steps
Step 4: Import database sample_data.sql under the folder sm_shoppystore_quickstart_pl_m2.4.0_v4.0.0\data_quickstart

Note: You can import database by run this command mysql -u root -p database_name < sample_data.sql

Note: After that please go to folder root and run these command to permissions:

chmod -R 777 pub
chmod -R 777 generated
chmod -R 777 var
chmod -R 777 app/etc
Step 5: Install Magento
This example assumes that the Magento install directory is named sm_shoppystore, the db-host is on the same machine (localhost), and that the db-name, db-user, and db-password are all magento:

php bin/magento setup:install --base-url=http://192.168.1.220/ytc_templates/magento/sm_shoppystore --base-url-secure=https://192.168.1.220/ytc_templates/magento/sm_shoppystore --db-host=localhost --db-name=magento --db-user=magento --db-password=magento --admin-firstname=admin --admin-lastname=admin --admin-email=admin@admin.com --admin-user=admin --admin-password=admin123 --language=en_US --currency=USD --timezone=America/Chicago --use-rewrites=1 --backend-frontname="admin" --search-engine=elasticsearch7 --elasticsearch-index-prefix=shoppystore

Messages similar to the following display to indicate a successful installation:

Post installation file permissions check...
For security, remove write permissions from these directories: '/var/www/html/ytc_templates/magento/sm_shoppystore/app/etc'
[Progress: 274 / 274] [SUCCESS]: Magento installation complete.
[SUCCESS]: Admin Panel URI: /admin_puu71q

Note: You can customize the Admin URI with the --backend-frontname option. However, we recommend omitting this option and allowing the installation command to automatically generate a random URI. A random URI is harder for hackers or malicious software to exploit. The URI displays in your console when installation is complete.
Step 6: Can't login to admin panel
When you login to admin will be display like this image:

Please open file app/etc/config.php and change 'Magento_TwoFactorAuth' => 1 to 'Magento_TwoFactorAuth' => 0

After that run these command:
php bin/magento setup:upgrade
and php bin/magento setup:static-content:deploy -f
Step 7: Finally, permissions for the following folders by run these commands:
chmod -R 777 pub
chmod -R 777 generated
chmod -R 777 var
chmod -R 777 app/etc

2.2 Manual Installation

Important!

- We recommend you to duplicate your live store on a development store and try installation on it in advance.

- Backup magento files and the store database.

It's very important to backup all of themes and extensions in Magento before installation, especially when you are working on a live server. We strongly recommend you to do not omit this step.

- Note: Manual Installation can only import CMS Page and Static Block. Products, Categories, Megamenu may not display when you use Manual Installation, you need to configure manually (by yourself >> please read documentation carefully)

Step 1: Download Magento 2.4.x https://magento.com/tech-resources/download and install on your server
Step 2: Please download 'sm_shoppystore_theme_m2.1.x-2.4.x_v4.0.0.zip' file and upload to the root of your magento site folder on your server, after that unzip by command unzip name_file.zip.
Step 3:
Active SM Extensions, open command line in folder root of magento and run commands via ssh using putty or others php bin/magento setup:upgrade

Step 4: Run deploy command: php bin/magento setup:static-content:deploy -f

Finally, permissions for the following folders by run these commands:
chmod -R 777 pub
chmod -R 777 generated
chmod -R 777 var

Step 5:
Navigate to Content > Design > Configuration > Edit Default Store > Select "SM shoppystore" theme.
Step 6: Click "Save Configuarion" button to save your changes.
Step 7: Navigate to Stores>> Settings>> Configuration >> MAGENTECH.COM >> Sm shoppystore >> Theme Installation. Press the buttons named 'Static Blocks' and 'Pages' to import all default blocks and pages. Click "Save Configuarion" button to save your changes.
Step 8: Click "Demo X" button to install demo version that you prefer to install. After that, click "Save config" button on the top.

Note. Please remember that: If you have imported these Static Blocks, Pages successfully, you would have all blocks and pages provided with this theme and you do not need to create any static blocks or pages manually as the following instruction of this document.

Step 9: Flush Cache: After successfully import your demo, save Theme Settings and Design Settings and clear the cache by using this command as php bin/magento cache:flush
in Command Prompt. Or you could go to System >> Tools >> Cache Management, click 'Flush Cache Storage' button to flush all the cache.

3CONFIGURATION

3.1 Page Configuration

3.1.1 Home Style 1

Frontend of Home Style 1 - Layout Position

In the Admin Panel, please navigate to Content >> Elements >> Pages to create a new page in Pages section.

Backend Setting: Please click Here to view.

Copy and paste the following code into the Content field:

<div class="row">
<div class="col-lg-3 col-md-3">{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts" template="Sm_BasicProducts::basic-accordion.phtml" product_category="11,20" product_limitation="5" title="Best Sellers"}} {{block class="Magento\\Cms\\Block\\Block" block_id="blog-block-index1"}}</div>
<div class="col-lg-9 col-md-9">
<div class="basicproduct1">{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts1" template="Sm_BasicProducts::basic-slider.phtml" title="Electronics" product_category="46" nb_column1="4" nb_column2="3" nb_column3="3" nb_column4="2"}}</div>
{{block class="Magento\\Cms\\Block\\Block" block_id="banner-ct1"}}
<div class="basicproduct2">{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts2" template="Sm_BasicProducts::basic-slider.phtml" title="jewely watches" product_category="119" nb_column1="4" nb_column2="3" nb_column3="3" nb_column4="2"}}</div>
</div>
</div>
<div>{{block class="Magento\\Cms\\Block\\Block" block_id="banner-ct2"}}</div>
<div class="basicproduct3">{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts3" template="Sm_BasicProducts::basic-slider.phtml" title="bags shoes" product_category="11,20" nb_column1="5" nb_column2="4" nb_column3="3" nb_column4="2"}}</div>
<div class="tabsproduct1">{{block class="Sm\ListingTabs\Block\ListingTabs" name="listingtabs.home.tabs1" template="Sm_ListingTabs::default-style1.phtml" title="Top Selling" product_order_by="best_sales" filter_type="categories" product_category="46,117,119,120,121,142,143,144,145,147" nb_rows="1" icon_display="1" margin="0" nb_column1="4" nb_column2="3" pretext="pretext-tabs1"}}</div>
<p>{{block class="Magento\\Cms\\Block\\Block" block_id="slider-brand"}}</p>

<div class="col-lg-3 col-md-3">{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts" template="Sm_BasicProducts::basic-accordion.phtml" product_category="11,20" product_limitation="5" title="Best Sellers"}} {{block class="Magento\\Cms\\Block\\Block" block_id="blog-block-index1"}}</div>

<div class="basicproduct1">{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts1" template="Sm_BasicProducts::basic-slider.phtml" title="Electronics" product_category="46" nb_column1="4" nb_column2="3" nb_column3="3" nb_column4="2"}}</div>

{{block class="Magento\\Cms\\Block\\Block" block_id="banner-ct1"}}

<div class="basicproduct2">{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts2" template="Sm_BasicProducts::basic-slider.phtml" title="jewely watches" product_category="119" nb_column1="4" nb_column2="3" nb_column3="3" nb_column4="2"}}</div>

</div>

<div>{{block class="Magento\\Cms\\Block\\Block" block_id="banner-ct2"}}</div>

<div class="basicproduct3">{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts3" template="Sm_BasicProducts::basic-slider.phtml" title="bags shoes" product_category="11,20" nb_column1="5" nb_column2="4" nb_column3="3" nb_column4="2"}}</div>

<div class="tabsproduct1">{{block class="Sm\ListingTabs\Block\ListingTabs" name="listingtabs.home.tabs1" template="Sm_ListingTabs::default-style1.phtml" title="Top Selling" product_order_by="best_sales" filter_type="categories" product_category="46,117,119,120,121,142,143,144,145,147" nb_rows="1" icon_display="1" margin="0" nb_column1="4" nb_column2="3" pretext="pretext-tabs1"}}</div>

<p>{{block class="Magento\\Cms\\Block\\Block" block_id="slider-brand"}}</p>

Copy and paste the following code into the Layout Update XML field:

<referenceContainer name="main.content">
<block class="Magento\Cms\Block\Block" name="home-slider1" before="-">
	<arguments>
		<argument name="block_id" xsi:type="string">home-slider1</argument>
	</arguments>
</block>
</referenceContainer>

<argument name="block_id" xsi:type="string">home-slider1</argument>

</arguments>

</block>

</referenceContainer>

3.1.2 Home Style 2

Frontend of Home Style 2 - Layout Position

In the Admin Panel, please navigate to Content >> Elements >> Pages to create a new page in Pages section.

Backend Setting: Please click Here to view.

Copy and paste the following code into the Content field:

<div class="home-banner-wrap">{{block class="Magento\\Cms\\Block\\Block" block_id="block-banner-top"}}</div>
<div class="row">
<div class="col-lg-3 col-md-3 col-home2">{{block class="Magento\\Cms\\Block\\Block" block_id="vertical-menu-config"}} {{block class="Magento\Newsletter\Block\Subscribe" name="newsletter2" template="Magento_Newsletter::subscribe-index2.phtml"/}}{{block class="Sm\Deals\Block\Deals" name="deals" template="Sm_Deals::index2.phtml" title="LATEST DEALS" product_category="37" product_limitation="3" nav="1" dots="0" nb_column1="1" nb_column2="1" nb_column3="1" nb_column4="1" nb_column5="1"}}{{block class="Magento\\Cms\\Block\\Block" block_id="banner-left-home2"}}</div>
<div class="yt-main-right yt-main index-home2 col-main col-lg-9 col-md-9">
<div class="producttabs-top">{{block class="Sm\ListingTabs\Block\ListingTabs" name="listingtabs.home.2" template="Sm_ListingTabs::default.phtml" display_title="0" filter_type="fieldproducts" filter_order_by="lastest_product,best_sales,most_reviewed" product_category="37" nb_rows="1" margin="30" nb_column1="3" nb_column2="3" pretext=""}}</div>
<div>{{block class="Magento\\Cms\\Block\\Block" block_id="content-home-banner-v2"}}</div>
<div class="producttabs-bottom">{{block class="Sm\ListingTabs\Block\ListingTabs" name="listingtabs.home.21" template="Sm_ListingTabs::default.phtml" title="Special Products" filter_type="categories" product_category="148,149,150" product_order_by="created_at" nb_rows="2" margin="30" nb_column1="3" nb_column2="3" pretext=""}}</div>
</div>
</div>

<div class="home-banner-wrap">{{block class="Magento\\Cms\\Block\\Block" block_id="block-banner-top"}}</div>

<div class="col-lg-3 col-md-3 col-home2">{{block class="Magento\\Cms\\Block\\Block" block_id="vertical-menu-config"}} {{block class="Magento\Newsletter\Block\Subscribe" name="newsletter2" template="Magento_Newsletter::subscribe-index2.phtml"/}}{{block class="Sm\Deals\Block\Deals" name="deals" template="Sm_Deals::index2.phtml" title="LATEST DEALS" product_category="37" product_limitation="3" nav="1" dots="0" nb_column1="1" nb_column2="1" nb_column3="1" nb_column4="1" nb_column5="1"}}{{block class="Magento\\Cms\\Block\\Block" block_id="banner-left-home2"}}</div>

<div class="producttabs-top">{{block class="Sm\ListingTabs\Block\ListingTabs" name="listingtabs.home.2" template="Sm_ListingTabs::default.phtml" display_title="0" filter_type="fieldproducts" filter_order_by="lastest_product,best_sales,most_reviewed" product_category="37" nb_rows="1" margin="30" nb_column1="3" nb_column2="3" pretext=""}}</div>

<div>{{block class="Magento\\Cms\\Block\\Block" block_id="content-home-banner-v2"}}</div>

<div class="producttabs-bottom">{{block class="Sm\ListingTabs\Block\ListingTabs" name="listingtabs.home.21" template="Sm_ListingTabs::default.phtml" title="Special Products" filter_type="categories" product_category="148,149,150" product_order_by="created_at" nb_rows="2" margin="30" nb_column1="3" nb_column2="3" pretext=""}}</div>

</div>

Copy and paste the following code into the Layout Update XML field:

		<referenceContainer name="main.content">
<block class="Sm\ImageSlider\Block\ImageSlider" name="imageslider" template="Sm_ImageSlider::default.phtml"  before="-"  >
</block>
<block class="Magento\Cms\Block\Block" name="block-index-bottom">
	<arguments>
		<argument name="block_id" xsi:type="string">block-index-bottom</argument>
	</arguments>
</block>
</referenceContainer>
<referenceBlock name="subscribe-footer" remove="true" />

</block>

<argument name="block_id" xsi:type="string">block-index-bottom</argument>

</arguments>

</block>

</referenceContainer>

3.1.3 Home Style 3

Frontend of Home Style 3 - Layout Position

In the Admin Panel, please navigate to Content >> Elements >> Pages to create a new page in Pages section.

Backend Setting: Please click Here to view.

Copy and paste the following code into the Content field:

<div class="home-style-3">{{block class="Sm\ImageSlider\Block\ImageSlider" name="imageslider" template="Sm_ImageSlider::default.phtml" before="-"}} {{block class="Magento\\Cms\\Block\\Block" block_id="banner-home-v3"}} {{block class="Sm\Deals\Block\Deals" name="deals3" template="Sm_Deals::index3.phtml" title="LATEST DEALS" product_category="11" product_limitation="10" dots="0" nb_column1="4" nb_column2="3" nb_column3="3" nb_column4="2" nb_column5="1" margin="30"}}
<div class="tabsproduct1-v3 section1">{{block class="Sm\ListingTabs\Block\ListingTabs" name="listingtabs.home.tabs1" template="Sm_ListingTabs::default-style1.phtml" title="SPORTS<span>& Ourtdoors</span>" product_order_by="created_at" filter_type="categories" product_category="73,74,75" nb_rows="1" margin="0" nb_column1="4" nb_column2="3" pretext="pretext-tabs1-v3"}}</div>
<div class="tabsproduct1-v3 section2">{{block class="Sm\ListingTabs\Block\ListingTabs" name="listingtabs.home.tabs2" template="Sm_ListingTabs::default-style1.phtml" title="JEWELRY<span>& WATCHES</span>" product_order_by="created_at" filter_type="categories" product_category="76,115,116" nb_rows="1" margin="0" nb_column1="4" nb_column2="3" pretext="pretext-tabs2-v3"}}</div>
{{block class="Magento\\Cms\\Block\\Block" block_id="slider-brand"}}
<div class="row">
<div class="bottom-banner-v3 mr40 col-lg-3 col-md-3">{{block class="Magento\\Cms\\Block\\Block" block_id="banner-bottom-v3"}}</div>
<div class="col-lg-9 col-md-9">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 mr40 client-say-bottom">{{block class="Magento\\Cms\\Block\\Block" block_id="client-say-v3"}}</div>
<div class="blog-bottomv3 col-lg-6 col-md-6 col-sm-6 mr40">{{block class="Magento\\Cms\\Block\\Block" block_id="blog-bottom-v3"}}</div>
</div>
</div>
</div>
</div>

<div class="home-style-3">{{block class="Sm\ImageSlider\Block\ImageSlider" name="imageslider" template="Sm_ImageSlider::default.phtml" before="-"}} {{block class="Magento\\Cms\\Block\\Block" block_id="banner-home-v3"}} {{block class="Sm\Deals\Block\Deals" name="deals3" template="Sm_Deals::index3.phtml" title="LATEST DEALS" product_category="11" product_limitation="10" dots="0" nb_column1="4" nb_column2="3" nb_column3="3" nb_column4="2" nb_column5="1" margin="30"}}

<div class="tabsproduct1-v3 section1">{{block class="Sm\ListingTabs\Block\ListingTabs" name="listingtabs.home.tabs1" template="Sm_ListingTabs::default-style1.phtml" title="SPORTS<span>& Ourtdoors</span>" product_order_by="created_at" filter_type="categories" product_category="73,74,75" nb_rows="1" margin="0" nb_column1="4" nb_column2="3" pretext="pretext-tabs1-v3"}}</div>

<div class="tabsproduct1-v3 section2">{{block class="Sm\ListingTabs\Block\ListingTabs" name="listingtabs.home.tabs2" template="Sm_ListingTabs::default-style1.phtml" title="JEWELRY<span>& WATCHES</span>" product_order_by="created_at" filter_type="categories" product_category="76,115,116" nb_rows="1" margin="0" nb_column1="4" nb_column2="3" pretext="pretext-tabs2-v3"}}</div>

{{block class="Magento\\Cms\\Block\\Block" block_id="slider-brand"}}

<div class="bottom-banner-v3 mr40 col-lg-3 col-md-3">{{block class="Magento\\Cms\\Block\\Block" block_id="banner-bottom-v3"}}</div>

<div class="col-lg-6 col-md-6 col-sm-6 mr40 client-say-bottom">{{block class="Magento\\Cms\\Block\\Block" block_id="client-say-v3"}}</div>

<div class="blog-bottomv3 col-lg-6 col-md-6 col-sm-6 mr40">{{block class="Magento\\Cms\\Block\\Block" block_id="blog-bottom-v3"}}</div>

</div>

Copy and paste the following code into the Layout Update XML field:

<referenceBlock name="subscribe-footer" remove="true" />

1

<referenceBlock name="subscribe-footer" remove="true" />

3.1.4 Home Style 4

Frontend of Home Style 4 - Layout Position

In the Admin Panel, please navigate to Content >> Elements >> Pages to create a new page in Pages section.

Backend Setting: Please click Here to view.

Copy and paste the following code into the Content field:

{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts1" template="Sm_BasicProducts::basic-slider.phtml" title="Electronics" product_category="117" nb_column1="2" nb_column2="1" nb_column3="1" nb_column4="2"}}
{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts2" template="Sm_BasicProducts::basic-slider.phtml" title="Furniture" product_category="142" nb_column1="2" nb_column2="1" nb_column3="1" nb_column4="2"}}
{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts3" template="Sm_BasicProducts::basic-slider.phtml" title="Smartphone" product_category="121" nb_column1="2" nb_column2="1" nb_column3="1" nb_column4="2"}}
{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts4" template="Sm_BasicProducts::basic-slider.phtml" title="Fashion" product_category="120" nb_column1="2" nb_column2="1" nb_column3="1" nb_column4="2"}}
{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts5" template="Sm_BasicProducts::basic-slider.phtml" title="Sport & Jewelry" product_category="145" nb_column1="2" nb_column2="1" nb_column3="1" nb_column4="2"}}
{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts6" template="Sm_BasicProducts::basic-slider.phtml" title="Accessories" product_category="46" nb_column1="2" nb_column2="1" nb_column3="1" nb_column4="2"}}
http://magento2.flytheme.net/themes/sm_shoppystore/admin/cms/wysiwyg/directive/___directive/e3tibG9jayBjbGFzcz0iTWFnZW50b1xcQ21zXFxCbG9ja1xcQmxvY2siIGJsb2NrX2lkPSJibG9jay1yaWdodC12NCJ9fQ,,/key/316f510736662e89acd92ea7ac9585a13851f9471d67bb63681cc1cce82a31d4/{{block class="Magento\\Cms\\Block\\Block" block_id="blog-block-index1"}}{{block class="Magento\\Cms\\Block\\Block" block_id="block-testimonials4"}}
{{block class="Magento\\Cms\\Block\\Block" block_id="banner-center-v4"}}
{{block class="Sm\ListingTabs\Block\ListingTabs" name="listingtabs.home.tabs4" template="Sm_ListingTabs::default.phtml" title="Best-selling" product_order_by="created_at" filter_type="categories" product_category="121,142,143,144,145,147" nb_rows="1" margin="0" nb_column1="5" nb_column2="4" nb_column3="3" img_width="220" img_height="220" product_limitation="6"}}

{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts1" template="Sm_BasicProducts::basic-slider.phtml" title="Electronics" product_category="117" nb_column1="2" nb_column2="1" nb_column3="1" nb_column4="2"}}

{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts2" template="Sm_BasicProducts::basic-slider.phtml" title="Furniture" product_category="142" nb_column1="2" nb_column2="1" nb_column3="1" nb_column4="2"}}

{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts3" template="Sm_BasicProducts::basic-slider.phtml" title="Smartphone" product_category="121" nb_column1="2" nb_column2="1" nb_column3="1" nb_column4="2"}}

{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts4" template="Sm_BasicProducts::basic-slider.phtml" title="Fashion" product_category="120" nb_column1="2" nb_column2="1" nb_column3="1" nb_column4="2"}}

{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts5" template="Sm_BasicProducts::basic-slider.phtml" title="Sport & Jewelry" product_category="145" nb_column1="2" nb_column2="1" nb_column3="1" nb_column4="2"}}

{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts6" template="Sm_BasicProducts::basic-slider.phtml" title="Accessories" product_category="46" nb_column1="2" nb_column2="1" nb_column3="1" nb_column4="2"}}

{{block class="Magento\\Cms\\Block\\Block" block_id="banner-center-v4"}}

{{block class="Sm\ListingTabs\Block\ListingTabs" name="listingtabs.home.tabs4" template="Sm_ListingTabs::default.phtml" title="Best-selling" product_order_by="created_at" filter_type="categories" product_category="121,142,143,144,145,147" nb_rows="1" margin="0" nb_column1="5" nb_column2="4" nb_column3="3" img_width="220" img_height="220" product_limitation="6"}}

Copy and paste the following code into the Layout Update XML field:

<referenceContainer name="main.content">
<block class="Magento\Cms\Block\Block" name="home-slider4" before="-">
	<arguments>
		<argument name="block_id" xsi:type="string">home-slider4</argument>
	</arguments>
</block>
</referenceContainer>

<argument name="block_id" xsi:type="string">home-slider4</argument>

</arguments>

</block>

</referenceContainer>

3.1.5 Home Style 5

Frontend of Home Style 5 - Layout Position

In the Admin Panel, please navigate to Content >> Elements >> Pages to create a new page in Pages section.

Backend Setting: Please click Here to view.

Copy and paste the following code into the Content field:

http://magento2.flytheme.net/themes/sm_shoppystore/admin/cms/wysiwyg/directive/___directive/e3tibG9jayBjbGFzcz0iTWFnZW50b1xcQ21zXFxCbG9ja1xcQmxvY2siIGJsb2NrX2lkPSJiYW5uZXItaG9tZTUifX0,/key/316f510736662e89acd92ea7ac9585a13851f9471d67bb63681cc1cce82a31d4/{{block class="Sm\ListingTabs\Block\ListingTabs" name="listingtabs.home.tabs5" template="Sm_ListingTabs::default-style2.phtml" title="our products" product_order_by="best_sales" filter_type="categories" product_category="164,165,166,167,168,169" style="style1" nb_rows="5" show_loadmore_slider="loadmore" product_limitation="16" icon_display="0" margin="30" nb_column1="4" nb_column2="3" nb_column3="2" nb_column4="1" nb_column5="1" pretext="" img_width="450" img_height="600"}}

http://magento2.flytheme.net/themes/sm_shoppystore/admin/cms/wysiwyg/directive/___directive/e3tibG9jayBjbGFzcz0iTWFnZW50b1xcQ21zXFxCbG9ja1xcQmxvY2siIGJsb2NrX2lkPSJiYW5uZXItaG9tZTUifX0,/key/316f510736662e89acd92ea7ac9585a13851f9471d67bb63681cc1cce82a31d4/{{block class="Sm\ListingTabs\Block\ListingTabs" name="listingtabs.home.tabs5" template="Sm_ListingTabs::default-style2.phtml" title="our products" product_order_by="best_sales" filter_type="categories" product_category="164,165,166,167,168,169" style="style1" nb_rows="5" show_loadmore_slider="loadmore" product_limitation="16" icon_display="0" margin="30" nb_column1="4" nb_column2="3" nb_column3="2" nb_column4="1" nb_column5="1" pretext="" img_width="450" img_height="600"}}

Copy and paste the following code into the Layout Update XML field:

<referenceContainer name="main.content">
<block class="Sm\ImageSlider\Block\ImageSlider" name="imageslider" template="Sm_ImageSlider::default.phtml" before="-">
</block>
</referenceContainer>

</block>

</referenceContainer>

3.1.6 Home Style 6

Frontend of Home Style 6 - Layout Position

In the Admin Panel, please navigate to Content >> Elements >> Pages to create a new page in Pages section.

Backend Setting: Please click Here to view.

Copy and paste the following code into the Content field:

{{block class="Sm\ImageSlider\Block\ImageSlider" name="imageslider" template="Sm_ImageSlider::default.phtml"}}http://magento2.flytheme.net/themes/sm_shoppystore/admin/cms/wysiwyg/directive/___directive/e3tibG9jayBjbGFzcz0iTWFnZW50b1xcQ21zXFxCbG9ja1xcQmxvY2siIGJsb2NrX2lkPSJiYW5uZXItaG9tZTYifX0,/key/b05f00fb5e9cb7a7e0fc950ec13ced6cc6444c323868394f5d9e8a7b81a89f31/{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts6" template="Sm_BasicProducts::basic-slider-style.phtml" title="Featured" product_order_by="lastest_product" product_category="170" pretext="view-all" nb_column1="4" nb_column2="3" img_width="330" img_height="330"}}{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts6" template="Sm_BasicProducts::basic-slider-style.phtml" title="Best sellers" product_order_by="best_sales" product_category="170" pretext="view-all" nb_column1="4" nb_column2="3" img_width="330" img_height="330"}}

{{block class="Sm\ImageSlider\Block\ImageSlider" name="imageslider" template="Sm_ImageSlider::default.phtml"}}http://magento2.flytheme.net/themes/sm_shoppystore/admin/cms/wysiwyg/directive/___directive/e3tibG9jayBjbGFzcz0iTWFnZW50b1xcQ21zXFxCbG9ja1xcQmxvY2siIGJsb2NrX2lkPSJiYW5uZXItaG9tZTYifX0,/key/b05f00fb5e9cb7a7e0fc950ec13ced6cc6444c323868394f5d9e8a7b81a89f31/{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts6" template="Sm_BasicProducts::basic-slider-style.phtml" title="Featured" product_order_by="lastest_product" product_category="170" pretext="view-all" nb_column1="4" nb_column2="3" img_width="330" img_height="330"}}{{block class="Sm\BasicProducts\Block\BasicProducts" name="basicproducts6" template="Sm_BasicProducts::basic-slider-style.phtml" title="Best sellers" product_order_by="best_sales" product_category="170" pretext="view-all" nb_column1="4" nb_column2="3" img_width="330" img_height="330"}}

3.1.7 Home Style 7

Frontend of Home Style 7 - Layout Position

In the Admin Panel, please navigate to Content >> Elements >> Pages to create a new page in Pages section.

Backend Setting: Please click Here to view.

Copy and paste the following code into the Layout Update XML field:

<referenceContainer name="main.content">
<block class="Sm\ImageSlider\Block\ImageSlider" name="imageslider" template="Sm_ImageSlider::default.phtml">
</block>
</referenceContainer>

</block>

</referenceContainer>

Note: Set Default Page

To set a default page for your Magento Site, in the Admin Panel you go to Stores>> Settings >>Configuration>>Web>>Default Pages. Please click to see the Backend Setting.

You need to change to the website / store view that you want to change (the dropdown menu in the upper left corner). You will probably have to create a new CMS page if you want to have something different from your default home page.

3.2 Configure Megamenu

Step 1: Create a New Menu In Admin Panel, navigate to SM Megamenu >> Add New Menu (add group: "Mega Menu Horizontal", "Mega Menu Vertical".
Step 2: Navigate to SM Megamenu >> Configuration & fill the ID number for the created menu in step 1
Step 3: In order to add menu items, go to SM Megamenu >> Menu Manager >> click on 'Edit'to open Menu Items to add items as you want

3.2.1 Horizontal Megamenu:

Horizontal-mega-menu

Sortable Categories Items Please click Here to view.

Home
Frontend Appearance

Backend Setting: Please click Here to view.
Backend Setting of 'Drop menu':Please click Here to view.

Copy and paste the following code into the Content field:

<div class="home-menu-dropdown">
	<ul class="item-home-store layout-home">
		<li class="title-menu-home">Layouts</li>
		<li><a title="Home Style 1" href="{{store url="?___store=default&___from_store=french"}}">Home Style 1</a></li>
		<li><a title="Home Style 2" href="{{store url="?___store=french&___from_store=default"}}">Home Style 2</a></li>
		<li><a title="Home Style 3" href="{{store url="?___store=german&___from_store=default"}}">Home Style 3</a></li>
		<li><a title="Boxed Layout" href="{{store url="?___store=vietnam&___from_store=default"}}">Boxed Layout</a></li>
	</ul>
	<ul class="item-home-store theme-color">
		<li class="title-menu-home">Color Styles</li>
		<li class="red"><a title="Red" href="{{store url="?___store=default&___from_store=french"}}">Red</a></li>
		<li class="green"><a title="Green" href="{{store url="?___store=japan&___from_store=default"}}">Green</a></li>
		<li class="blue"><a title="Blue" href="{{store url="?___store=benin&___from_store=default"}}">Blue</a></li>
		<li class="orange"><a title="Orange" href="{{store url="?___store=belgium&___from_store=default"}}">Orange</a></li>	
		<li class="pink"><a title="Pink" href="{{store url="?___store=barbados&___from_store=default"}}">Pink</a></li>
	</ul>			
	<div style="clear:both;"> </div>

</div>

<li class="title-menu-home">Layouts</li>

<li><a title="Home Style 1" href="{{store url="?___store=default&___from_store=french"}}">Home Style 1</a></li>

<li><a title="Home Style 2" href="{{store url="?___store=french&___from_store=default"}}">Home Style 2</a></li>

<li><a title="Home Style 3" href="{{store url="?___store=german&___from_store=default"}}">Home Style 3</a></li>

<li><a title="Boxed Layout" href="{{store url="?___store=vietnam&___from_store=default"}}">Boxed Layout</a></li>

</ul>

<li class="title-menu-home">Color Styles</li>

<li class="green"><a title="Green" href="{{store url="?___store=japan&___from_store=default"}}">Green</a></li>

<li class="orange"><a title="Orange" href="{{store url="?___store=belgium&___from_store=default"}}">Orange</a></li>

</ul>

</div>

New Arrivals
Frontend Appearance

Backend Setting: Please click Here to view.

Note: Do the same with the others.

3.2.2 Vertical Megamenu:

vertical-mega-menu

Sortable Categories Items Please click Here to view.

Smartphones Accessories
Frontend Appearance

Backend Setting: Please click Here to view.

Backend of 'Col1': Please click Here to view.

Backend of 'Cat1' in 'Col1': Please click Here to view.

Backend of 'Cat2' in 'Col1': Please click Here to view.

Backend of 'Col2': Please click Here to view.

Backend of 'Image 1' in 'Col2': Please click Here to view.
Copy and paste the following code into the Content field:

<a class="banner-img" href="#"><img src="{{media url="wysiwyg/image-megamenu/img-megamenu2.jpg"}}" alt="" /></a>

1

<a class="banner-img" href="#"><img src="{{media url="wysiwyg/image-megamenu/img-megamenu2.jpg"}}" alt="" /></a>

Computers & Networking
Frontend Appearance

Backend Setting: Please click Here to view.

Backend of 'Col1': Please click Here to view.

Backend of 'Cat1' in 'Col1': Please click Here to view.

Backend of 'Cat2' in 'Col1': Please click Here to view.

Backend of 'Col2': Please click Here to view.

Backend of 'Cat3' in 'Col2': Please click Here to view.

Backend of 'Cat4' in 'Col2': Please click Here to view.

Backend of 'Col3': Please click Here to view.

Backend of 'Image 1' in 'Col2': Please click Here to view.
Copy and paste the following code into the Content field:

<a href="#" class="banner-img"><img src="{{media url="wysiwyg/image-megamenu/img-megamenu.jpg"}}" alt="" /></a>

1

<a href="#" class="banner-img"><img src="{{media url="wysiwyg/image-megamenu/img-megamenu.jpg"}}" alt="" /></a>

Backend of 'Quicklinks': Please click Here to view.

Copy and paste the following code into the Content field:

<div class="tag-menu">
<ul>
<li><span>Quicklinks:</span></li>
<li><a href="#">Blazers,</a></li>
<li><a href="#">Jackets,</a></li>
<li><a href="#">Shoes,</a></li>
<li><a href="#">Bags,</a></li>
<li><a href="#">Special offers,</a></li>
<li><a href="#">Sales and discounts</a></li>
</ul>
</div>

<ul>

<li><span>Quicklinks:</span></li>

<li><a href="#">Blazers,</a></li>

<li><a href="#">Jackets,</a></li>

<li><a href="#">Shoes,</a></li>

<li><a href="#">Special offers,</a></li>

<li><a href="#">Sales and discounts</a></li>

</ul>

</div>

Car Accessories
Frontend Appearance

Backend Setting: Please click Here to view.

Note: The other items, having same level, would have same configuration as Car Accessories

3.3 Configure Extensions

The SM Shoppystore front-page has been integrated with the extensions in the following list:

SM Megamenu
SM Search Box
SM Image Slider
SM Deals
SM Basic Products
SM Listing Tabs
SM Cart Quick Pro
SM Shop By

In SM Shoppystore Administration Page, please navigate to Stores>> Settings>> Configuration >> MAGENTECH.COM to configure extensions as you want.

Position: SM Megamenu
Frontend Appearance

Horizontal Megamenu:
Vertical Megamenu:

Backend of SM Megamenu: Click Here

Position: SM Search Box
Frontend Appearance

Backend of SM Search Box: Click Here

3.3.3 SM Image Slider

Position: SM Image Slider
Frontend Appearance

Backend of SM Image Slider: Click Here

3.3.4 SM Deals

Position: SM Deals
Frontend Appearance

Backend of SM Deals: Click Here

3.3.5 SM Basic Products

Position: SM Basic Products
Frontend Appearance

Backend of SM Basic Products: Click Here

3.3.6 SM Listing Tabs

Position: SM Listing Tabs
Frontend Appearance

Backend of SM Listing Tabs: Click Here

3.3.7 SM Cart Quick Pro

Position: SM Cart Quick Pro
Frontend Appearance

Backend of SM Cart Quick Pro: Click Here

3.4 Configure Static Blocks

The SM Shoppystore front-page has the following static blocks in the theme:

Static Block: header-slider
Static Block: block-h1-banner1
Static Block: banner-ct1
Static Block: blog-block-index1
Static Block: banner-ct2
Static Block: slider-brand
Static Block: ft-account-block
Static Block: ft-information-block
Static Block: ft-copporate-block
Static Block: ft-choose-block
Static Block: ft-contact-us
Static Block: ft-box-servicer
Static Block: ft-tags-popular
Static Block: payment-footer
Static Block: block-banner-top
Static Block: content-home-banner-v2
Static Block: banner-left-home2
Static Block: block-testinomial-v2
Static Block: block-log-v2
Static Block: banner-home-v3
Static Block: pretext-tab1-v3
Static Block: pretext-tab2-v3
Static Block: banner-bottom-v3
Static Block: client-say-v3
Static Block: blog-bottom-v3
Static Block: blog-right-v4
Static Block: blog-testimonials-v4
Static Block: banner-center-v4
Static Block: banner-home-v5
Static Block: policy-shop-v6
Static Block: banner-home-v6
Static Block: ft-callus-v6
Static Block: ft-col61-block
Static Block: ft-col62-block
Static Block: ft-col63-block
Static Block: ft-col64-block
Static Block: ft-col65-block
Static Block: ft-col66-block

To create a new static block, go to Content>> Elements>> Blocks >> Add new block.

Static Block: header-slider

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "header-slider"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="offer-wrapper">
<div class="offer-header">
<ul id="offer-slider">
<li><i class="fa fa-phone-square"> </i>Telephone: <a style="margin-right: 15px;" title="Call:(801) 2345 - 6789" href="tel:+84123456789">(801) 2345 - 6789</a> <i class="fa fa-envelope"> </i>E-mail: <a title="Contact@gmail.com" href="mailto:Contact@gmail.com">Contact@gmail.com</a></li>
<li><i class="fa fa-phone-square"> </i>Telephone: <a style="margin-right: 15px;" title="Call:(801) 2345 - 6789" href="tel:+84123456789">(801) 2345 - 6789</a><i class="fa fa-envelope"> </i>No 304, Sky Tower, New York, USA</li>
<li><i class="fa fa-phone-square"> </i>Telephone: <a style="margin-right: 15px;" title="Call:0123 456 7891" href="tel:+84123456789">(801) 2345 - 6789</a> <i class="fa fa-envelope"> </i>E-mail: <a title="Contact@gmail.com" href="mailto:Contact@gmail.com">Contact@gmail.com</a></li>
<li><i class="fa fa-phone-square"> </i>Telephone: <a style="margin-right: 15px;" title="Call:(801) 2345 - 6789" href="tel:+84123456789">(801) 2345 - 6789</a><i class="fa fa-envelope"> </i>No 304, Sky Tower, New York, USA</li>
<li><i class="fa fa-phone-square"> </i>Telephone: <a style="margin-right: 15px;" title="Call:0123 456 7891" href="tel:+84123456789">(801) 2345 - 6789</a> <i class="fa fa-envelope"> </i>E-mail: <a title="Contact@gmail.com" href="mailto:Contact@gmail.com">Contact@gmail.com</a></li>
<li><i class="fa fa-phone-square"> </i>Telephone: <a style="margin-right: 15px;" title="Call:(801) 2345 - 6789" href="tel:+84123456789">(801) 2345 - 6789</a><i class="fa fa-envelope"> </i>No 304, Sky Tower, New York, USA</li>
</ul>
<script type="text/javascript" xml="space">// <![CDATA[
// 
									

								jQuery(document).ready(function($) {
								 
									$("#offer-slider").owlCarousel({
										autoPlay: true,
										nav: false,
                                                                                dots: false,
										pagination: false,
										slideSpeed : 300,
										paginationSpeed : 400,
										singleItem:true,
										items:1
									});
								 
								});
// 
// ]]></script>
</div>
</div>

<li><i class="fa fa-phone-square"> </i>Telephone: <a style="margin-right: 15px;" title="Call:(801) 2345 - 6789" href="tel:+84123456789">(801) 2345 - 6789</a> <i class="fa fa-envelope"> </i>E-mail: <a title="Contact@gmail.com" href="mailto:Contact@gmail.com">Contact@gmail.com</a></li>

<li><i class="fa fa-phone-square"> </i>Telephone: <a style="margin-right: 15px;" title="Call:(801) 2345 - 6789" href="tel:+84123456789">(801) 2345 - 6789</a><i class="fa fa-envelope"> </i>No 304, Sky Tower, New York, USA</li>

<li><i class="fa fa-phone-square"> </i>Telephone: <a style="margin-right: 15px;" title="Call:0123 456 7891" href="tel:+84123456789">(801) 2345 - 6789</a> <i class="fa fa-envelope"> </i>E-mail: <a title="Contact@gmail.com" href="mailto:Contact@gmail.com">Contact@gmail.com</a></li>

<li><i class="fa fa-phone-square"> </i>Telephone: <a style="margin-right: 15px;" title="Call:(801) 2345 - 6789" href="tel:+84123456789">(801) 2345 - 6789</a><i class="fa fa-envelope"> </i>No 304, Sky Tower, New York, USA</li>

</ul>

jQuery(document).ready(function($) {

$("#offer-slider").owlCarousel({

autoPlay: true,

nav: false,

dots: false,

pagination: false,

slideSpeed : 300,

paginationSpeed : 400,

singleItem:true,

items:1

});

// ]]></script>

</div>

Static Block: block-h1-banner1

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "block-h1-banner1"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="bannerhome1 bannerhome">
<div class="img-effect img-banner1"><a class="img-class banner1" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-1/banner-img1.jpg"}}" alt="" /> </a></div>
<div class="img-effect img-banner2"><a class="img-class banner1" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-1/banner-img2.jpg"}}" alt="" /> </a></div>
<div class="img-effect img-banner3"><a class="img-class banner1" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-1/banner-img3.jpg"}}" alt="" /> </a></div>
</div>

</div>

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "banner-ct1"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class=" img-effect img-content-home3 block"><a class="img-class " href="#"> <img src="{{media url="wysiwyg/home-page-image/home-1/content-home3.jpg"}}" alt="" /> </a></div>

1	<div class=" img-effect img-content-home3 block"><a class="img-class " href="#"> <img src="{{media url="wysiwyg/home-page-image/home-1/content-home3.jpg"}}" alt="" /> </a></div>

Static Block: blog-block-index1

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "blog-block-index1"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="latest-blogs blog-home1 block">
<div class="block-title" style="position: relative;"><strong> <span>New Blog</span> </strong></div>
<div class="latest-blog">
<div class="block-content">
<div class="latest-blog-slider">
<div class="item-blog item">
<div class="img-blog"><a class="img-link" title="Aestibulum ipsum a ornare car" href="#"> <img src="{{media url="wysiwyg/img-blog/1.jpg"}}" alt="" /> </a></div>
<div class="blog-info">
<div class="postTitle">
<h2><a title="Aestibulum ipsum a ornare car" href="#">Aestibulum ipsum a ornare car</a></h2>
</div>
<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam ipsum dolor sit amet.</div>
</div>
</div>
<div class="item-blog item">
<div class="img-blog"><a class="img-link" title="Vestibulum ipsum a ornare lectus" href="#"> <img src="{{media url="wysiwyg/img-blog/2.jpg"}}" alt="" /> </a></div>
<div class="blog-info">
<div class="postTitle">
<h2><a title="Vestibulum ipsum a ornare lectus" href="#">Aestibulum ipsum a ornare car</a></h2>
</div>
<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam ipsum dolor sit amet.</div>
</div>
</div>
<div class="item-blog item">
<div class="img-blog"><a class="img-link" title="Dolor at tincidunt mollis augue" href="#"> <img src="{{media url="wysiwyg/img-blog/3.jpg"}}" alt="" /> </a></div>
<div class="blog-info">
<div class="postTitle">
<h2><a title="Dolor at tincidunt mollis augue" href="#">Aestibulum ipsum a ornare car</a></h2>
</div>
<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam, consectetur adipiscing elit</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" xml="space">// <![CDATA[
			jQuery(document).ready(function($) {
				var bs_slider = $(".latest-blogs.blog-home1  .latest-blog-slider");
				bs_slider.owlCarousel({
					items:1,
					autoplay:false,
					loop:false,
					nav : false, // Show next and prev buttons
					dots: true,
					autoplaySpeed : 500,
					navSpeed : 500,
					dotsSpeed : 500,
					autoplayHoverPause: true,
					margin:0
					
				});	  
			});	
		
// ]]></script>

<h2><a title="Aestibulum ipsum a ornare car" href="#">Aestibulum ipsum a ornare car</a></h2>

</div>

<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam ipsum dolor sit amet.</div>

</div>

<h2><a title="Vestibulum ipsum a ornare lectus" href="#">Aestibulum ipsum a ornare car</a></h2>

</div>

<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam ipsum dolor sit amet.</div>

</div>

<h2><a title="Dolor at tincidunt mollis augue" href="#">Aestibulum ipsum a ornare car</a></h2>

</div>

<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam, consectetur adipiscing elit</div>

</div>

jQuery(document).ready(function($) {

var bs_slider = $(".latest-blogs.blog-home1 .latest-blog-slider");

bs_slider.owlCarousel({

items:1,

autoplay:false,

loop:false,

nav : false, // Show next and prev buttons

dots: true,

autoplaySpeed : 500,

navSpeed : 500,

dotsSpeed : 500,

autoplayHoverPause: true,

margin:0

});

// ]]></script>

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "banner-ct2"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6">
<div class=" img-effect img-content-home1 block"><a class="img-class " href="#"> <img src="{{media url="wysiwyg/home-page-image/home-1/content-home1.jpg"}}" alt="" /> </a></div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
<div class=" img-effect img-content-home1 block"><a class="img-class " href="#"> <img src="{{media url="wysiwyg/home-page-image/home-1/content-home2.jpg"}}" alt="" /> </a></div>
</div>
</div>

</div>

</div>

Static Block: slider-brand

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "slider-brand"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="slider-brand-bottom-wrapper">
<div class="slider-brand-bottom">
<div class="item"><a title="Image Brand" href="#"><img src="{{media url="wysiwyg/brand/brand-item-1.jpg"}}" alt="Image Brand" /></a></div>
<div class="item"><a title="Image Brand" href="#"><img src="{{media url="wysiwyg/brand/brand-item-2.jpg"}}" alt="Image Brand" /></a></div>
<div class="item"><a title="Image Brand" href="#"><img src="{{media url="wysiwyg/brand/brand-item-3.jpg"}}" alt="Image Brand" /></a></div>
<div class="item"><a title="Image Brand" href="#"><img src="{{media url="wysiwyg/brand/brand-item-4.jpg"}}" alt="Image Brand" /></a></div>
<div class="item"><a title="Image Brand" href="#"><img src="{{media url="wysiwyg/brand/brand-item-5.jpg"}}" alt="Image Brand" /></a></div>
<div class="item"><a title="Image Brand" href="#"><img src="{{media url="wysiwyg/brand/brand-item-1.jpg"}}" alt="Image Brand" /></a></div>
<div class="item"><a title="Image Brand" href="#"><img src="{{media url="wysiwyg/brand/brand-item-2.jpg"}}" alt="Image Brand" /></a></div>
<div class="item"><a title="Image Brand" href="#"><img src="{{media url="wysiwyg/brand/brand-item-3.jpg"}}" alt="Image Brand" /></a></div>
<div class="item"><a title="Image Brand" href="#"><img src="{{media url="wysiwyg/brand/brand-item-5.jpg"}}" alt="Image Brand" /></a></div>
</div>
<script type="text/javascript" xml="space">// <![CDATA[
	jQuery(document).ready(function($) {
		var post_slider = $(".slider-brand-bottom");
		post_slider.owlCarousel({				
		responsive:{
			0:{
				items:2
			},
			480:{
				items:3
			},
			768:{
				items:4
			},
			992:{
				items:5
			},
			1200:{
				items:6
			}
		},
		autoplay:false,
		loop:true,
		nav : true,
		dots: false,
		autoplaySpeed : 500,
		navSpeed : 500,
		dotsSpeed : 500,
		autoplayHoverPause: true,
		margin:30,
		});	  
	});	
	
// ]]></script>
</div>

</div>

jQuery(document).ready(function($) {

var post_slider = $(".slider-brand-bottom");

post_slider.owlCarousel({

responsive:{

0:{

items:2

480:{

items:3

768:{

items:4

992:{

items:5

1200:{

items:6

}

autoplay:false,

loop:true,

nav : true,

dots: false,

autoplaySpeed : 500,

navSpeed : 500,

dotsSpeed : 500,

autoplayHoverPause: true,

margin:30,

});

// ]]></script>

</div>

Static Block: ft-account-block

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "ft-account-block"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="block ft-my-account">
<div class="footer-title">
<h2>my account</h2>
</div>
<div class="content-block-footer">
<ul>
<li><a title="My account" href="{{config path="web/secure/base_url"}}customer/account/">My account</a></li>
<li><a title="Login" href="{{config path="web/secure/base_url"}}customer/account/login/">Login</a></li>
<li><a title="My Cart" href="{{config path="web/secure/base_url"}}checkout/cart/">My Cart</a></li>
<li><a title="My Wishlist" href="{{config path="web/secure/base_url"}}wishlist/">My Wishlist</a></li>
<li><a title="My Compare" href="{{config path="web/secure/base_url"}}catalog/product_compare/index/">My Compare</a></li>
</ul>
</div>
</div>

<h2>my account</h2>

</div>

<ul>

<li><a title="My account" href="{{config path="web/secure/base_url"}}customer/account/">My account</a></li>

<li><a title="Login" href="{{config path="web/secure/base_url"}}customer/account/login/">Login</a></li>

<li><a title="My Wishlist" href="{{config path="web/secure/base_url"}}wishlist/">My Wishlist</a></li>

<li><a title="My Compare" href="{{config path="web/secure/base_url"}}catalog/product_compare/index/">My Compare</a></li>

</ul>

</div>

Static Block: ft-information-block

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "ft-information-block"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="footer-title">
<h2>Information</h2>
</div>
<div class="block">
<div class="content-block-footer">
<ul>
<li><a href="{{config path="web/secure/base_url"}}customer/account/">My Account</a></li>
<li><a href="#">Order History</a></li>
<li><a href="#">Returns</a></li>
<li><a href="#">Specials</a></li>
<li><a href="#">Site Map</a></li>
</ul>
</div>
</div>

<h2>Information</h2>

</div>

<ul>

<li><a href="{{config path="web/secure/base_url"}}customer/account/">My Account</a></li>

<li><a href="#">Order History</a></li>

<li><a href="#">Returns</a></li>

<li><a href="#">Specials</a></li>

</ul>

</div>

Static Block: ft-copporate-block

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "ft-copporate-block"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="block">
<div class="footer-title">
<h2>Corporation</h2>
</div>
<div class="content-block-footer">
<ul>
<li><a href="{{config path="web/secure/base_url"}}about-us.html">About us</a></li>
<li><a href="#">Customer Service</a></li>
<li><a href="#">Company</a></li>
<li><a href="#">Investor Relations</a></li>
<li><a href="#">Typography</a></li>
</ul>
</div>
</div>

<h2>Corporation</h2>

</div>

<ul>

<li><a href="{{config path="web/secure/base_url"}}about-us.html">About us</a></li>

<li><a href="#">Customer Service</a></li>

<li><a href="#">Company</a></li>

<li><a href="#">Investor Relations</a></li>

<li><a href="#">Typography</a></li>

</ul>

</div>

Static Block: ft-choose-block

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "ft-choose-block"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="block">
<div class="footer-title">
<h2>Why Choose Us</h2>
</div>
<div class="content-block-footer">
<ul>
<li><a href="{{config path="web/secure/base_url"}}about-us.html"><span class="icon-caret-right"> </span>About us</a></li>
<li><a href="#"><span class="icon-caret-right"> </span>Blog</a></li>
<li><a href="#"><span class="icon-caret-right"> </span>Company</a></li>
<li><a href="#"><span class="icon-caret-right"> </span>Investor Relations</a></li>
<li><a href="#"><span class="icon-caret-right"> </span>Typography</a></li>
</ul>
</div>
</div>

<h2>Why Choose Us</h2>

</div>

<ul>

<li><a href="{{config path="web/secure/base_url"}}about-us.html"><span class="icon-caret-right"> </span>About us</a></li>

<li><a href="#"><span class="icon-caret-right"> </span>Company</a></li>

<li><a href="#"><span class="icon-caret-right"> </span>Investor Relations</a></li>

<li><a href="#"><span class="icon-caret-right"> </span>Typography</a></li>

</ul>

</div>

Static Block: ft-contact-us

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "ft-contact-us"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="footer-title">
<h2>Contact Us</h2>
</div>
<div class="content-block-footer block"><span style="display: inline-block; padding-bottom: 10px;">Maecenas euismod felis et purus consectetur, quis fermentum velition. Aenean egestas quis turpis vehicula.</span>
<ul>
<li><em class="fa fa-home" style="font-size: 16px; position: relative; top: 1px;"> </em>No 304, Sky Tower, New York, USA</li>
<li style="margin: 0px 0 4px;"><em class="fa fa-mobile" style="font-size: 22px; position: relative; top: 4px;"> </em>Telephone: <a title="Call:(801) 2345 - 6789" href="tel:+84123456789">(801) 2345 - 6789</a></li>
<li><em class="fa fa-envelope" style="font-size: 13px; position: relative;"> </em>E-mail: <a title="Contact@gmail.com" href="mailto:Contact@gmail.com">Contact@gmail.com</a></li>
</ul>
</div>

<h2>Contact Us</h2>

</div>

<div class="content-block-footer block"><span style="display: inline-block; padding-bottom: 10px;">Maecenas euismod felis et purus consectetur, quis fermentum velition. Aenean egestas quis turpis vehicula.</span>

<ul>

<li><em class="fa fa-home" style="font-size: 16px; position: relative; top: 1px;"> </em>No 304, Sky Tower, New York, USA</li>

<li style="margin: 0px 0 4px;"><em class="fa fa-mobile" style="font-size: 22px; position: relative; top: 4px;"> </em>Telephone: <a title="Call:(801) 2345 - 6789" href="tel:+84123456789">(801) 2345 - 6789</a></li>

<li><em class="fa fa-envelope" style="font-size: 13px; position: relative;"> </em>E-mail: <a title="Contact@gmail.com" href="mailto:Contact@gmail.com">Contact@gmail.com</a></li>

</ul>

</div>

Static Block: ft-box-servicer

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "ft-box-servicer"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="footer-bottom-sevicer">
<div class="container">
<div class="box-sevicer">
<div class="sn-sevirce sn-put1">
<div class="img-sevirce img-sevirce1"> </div>
<div class="content-service"><a class="sn-title" href="#" rel="nofollow">High Quality</a> <span>Nullam sed sollicitudin mauris velit id venenatis morbi</span></div>
</div>
<div class="sn-sevirce sn-put2">
<div class="img-sevirce img-sevirce2"> </div>
<div class="content-service"><a class="sn-title" href="#" rel="nofollow">Awesome Support</a> <span>Nullam sed sollicitudin mauris velit id venenatis morbi</span></div>
</div>
<div class="sn-sevirce sn-put3">
<div class="img-sevirce img-sevirce3"> </div>
<div class="content-service"><a class="sn-title" href="#" rel="nofollow">Really Fast Delivery</a> <span>Nullam sed sollicitudin mauris velit id venenatis morbi</span></div>
</div>
<div class="sn-sevirce sn-put4">
<div class="img-sevirce img-sevirce4"> </div>
<div class="content-service"><a class="sn-title" href="#" rel="nofollow">14-Day Returns</a> <span>Nullam sed sollicitudin mauris velit id venenatis morbi</span></div>
</div>
<div class="sn-sevirce sn-put5">
<div class="img-sevirce img-sevirce5"> </div>
<div class="content-service"><a class="sn-title" href="#" rel="nofollow">Secure Checkout</a> <span>Nullam sed sollicitudin mauris velit id venenatis morbi</span></div>
</div>
</div>
</div>
</div>

<div class="content-service"><a class="sn-title" href="#" rel="nofollow">High Quality</a> <span>Nullam sed sollicitudin mauris velit id venenatis morbi</span></div>

</div>

<div class="content-service"><a class="sn-title" href="#" rel="nofollow">Awesome Support</a> <span>Nullam sed sollicitudin mauris velit id venenatis morbi</span></div>

</div>

<div class="content-service"><a class="sn-title" href="#" rel="nofollow">Really Fast Delivery</a> <span>Nullam sed sollicitudin mauris velit id venenatis morbi</span></div>

</div>

<div class="content-service"><a class="sn-title" href="#" rel="nofollow">14-Day Returns</a> <span>Nullam sed sollicitudin mauris velit id venenatis morbi</span></div>

</div>

<div class="content-service"><a class="sn-title" href="#" rel="nofollow">Secure Checkout</a> <span>Nullam sed sollicitudin mauris velit id venenatis morbi</span></div>

</div>

Static Block: ft-tags-popular

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "ft-tags-popular"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="block block-tags">
<div class="title">Hot Tags</div>
<div class="block-content">
<ul class="tags-list">
<li><a href="#">32gb tf card</a>|</li>
<li><a href="#">Flatware ,Arrow Shirts ,Ethni wear</a>|</li>
<li><a href="#">Magentech new themes</a>|</li>
<li><a href="#">Mini book, Macbook pro, pc senter</a>|</li>
<li><a href="#">Point shoot ,tripod camera</a>|</li>
<li><a href="#">Themeforest new magento</a>|</li>
<li><a href="#">android smart, new product</a>|</li>
<li><a href="#">best mini usb flash drive</a>|</li>
<li><a href="#">bluetooth motorcycle headset</a>|</li>
<li><a href="#">case iphone reflective</a>|</li>
<li><a href="#">coolest headphone</a>|</li>
<li><a href="#">figures the best smartphone</a>|</li>
<li><a href="#">kingston micro sd card 8gb</a>|</li>
<li><a href="#">led tall light</a>|</li>
<li><a href="#">mercedes grille badges</a>|</li>
<li><a href="#">nike headband</a>|</li>
<li><a href="#">ramos lcd tablet pc black</a>|</li>
<li><a href="#">repacement touch screen</a></li>
</ul>
</div>
</div>

<li><a href="#">Flatware ,Arrow Shirts ,Ethni wear</a>|</li>

<li><a href="#">Magentech new themes</a>|</li>

<li><a href="#">Mini book, Macbook pro, pc senter</a>|</li>

<li><a href="#">Point shoot ,tripod camera</a>|</li>

<li><a href="#">Themeforest new magento</a>|</li>

<li><a href="#">android smart, new product</a>|</li>

<li><a href="#">best mini usb flash drive</a>|</li>

<li><a href="#">bluetooth motorcycle headset</a>|</li>

<li><a href="#">case iphone reflective</a>|</li>

<li><a href="#">coolest headphone</a>|</li>

<li><a href="#">figures the best smartphone</a>|</li>

<li><a href="#">kingston micro sd card 8gb</a>|</li>

<li><a href="#">led tall light</a>|</li>

<li><a href="#">mercedes grille badges</a>|</li>

<li><a href="#">nike headband</a>|</li>

<li><a href="#">ramos lcd tablet pc black</a>|</li>

<li><a href="#">repacement touch screen</a></li>

</ul>

</div>

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "payment-footer"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<p><img src="{{media url="wysiwyg/payment/payment.png"}}" alt="Payment" /></p>

1	<p><img src="{{media url="wysiwyg/payment/payment.png"}}" alt="Payment" /></p>

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "block-banner-top"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="bannerhomev2">
<div class="img-effect img-banner1"><a class="img-classv2 banner1 block" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-2/1.jpg"}}" alt="" /> </a></div>
<div class="img-effect img-banner2"><a class="img-classv2 banner1 block " href="#"> <img src="{{media url="wysiwyg/home-page-image/home-2/2.jpg"}}" alt="" /> </a></div>
<div class="img-effect img-banner3"><a class="img-classv2 banner1 block" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-2/3.jpg"}}" alt="" /> </a></div>
<div style="clear: both;"></div>
</div>

</div>

Static Block: content-home-banner-v2

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "content-home-banner-v2"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="content-home-img-v2 block">
<div class="img-effect img-content-homev2"><a class="img-class sn-1" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-2/imgv2-1.jpg"}}" alt="" /> </a></div>
<div class=" img-content-homev2">
<div class="img-effect img-content-homev2-1"><a class="img-class sn-2" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-2/imgv2-2.jpg"}}" alt="" /> </a></div>
<div class="img-effect img-content-homev2-2"><a class="img-class sn-3" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-2/imgv2-3.jpg"}}" alt="" /> </a></div>
</div>
</div>

</div>

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "banner-left-home2"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="block-image-static img-effect hidden-md hidden-sm block"><a class="img-class " title="Image Static" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-2/left-image-static.jpg"}}" alt="" /> </a></div>

1	<div class="block-image-static img-effect hidden-md hidden-sm block"><a class="img-class " title="Image Static" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-2/left-image-static.jpg"}}" alt="" /> </a></div>

Static Block: block-testinomial-v2

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "block-testinomial-v2"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="client-say">
<div class="block-content">
<div class="client-say-slider">
<div class="item item-client-say">
<div class="client-say-info">
<div class="image-client"><a title="Jack Andrson" href="#"><img src="{{media url="wysiwyg/image-client/img-client-1.png"}}" alt="Image Client" /></a></div>
</div>
<div class="client-comment"><span class="sn-tamiv2">Donec sit amet vulputate velit. Aenean tempus nisl ac fermentum tincidunt. Nam aliquet enim ac quam scelerisque rutrum. Aliquam ante dolor, posuere nec mattis id, suscipit ac mi. Praesent luctus ex massa, nec feugiat est eleifend nec. Cras viverra purus a mauris malesuada aliquam. Integer purus lectus, volutpat quis gravida porttitor, venenatis ut tortor. Phasellus a sapien lorem.</span></div>
</div>
<div class="item item-client-say">
<div class="client-say-info">
<div class="image-client"><a title="Jack Andrson" href="#"><img src="{{media url="wysiwyg/image-client/img-client-2.png"}}" alt="Image Client" /></a></div>
</div>
<div class="client-comment"><span class="sn-tamiv2">Donec sit amet vulputate velit. Aenean tempus nisl ac fermentum tincidunt. Nam aliquet enim ac quam scelerisque rutrum. Aliquam ante dolor, posuere nec mattis id, suscipit ac mi. Praesent luctus ex massa, nec feugiat est eleifend nec. Cras viverra purus a mauris malesuada aliquam. Integer purus lectus, volutpat quis gravida porttitor, venenatis ut tortor. Phasellus a sapien lorem.</span></div>
</div>
<div class="item item-client-say">
<div class="client-say-info">
<div class="image-client"><a title="Jack Andrson" href="#"><img src="{{media url="wysiwyg/image-client/img-client-3.png"}}" alt="Image Client" /></a></div>
</div>
<div class="client-comment"><span class="sn-tamiv2">Donec sit amet vulputate velit. Aenean tempus nisl ac fermentum tincidunt. Nam aliquet enim ac quam scelerisque rutrum. Aliquam ante dolor, posuere nec mattis id, suscipit ac mi. Praesent luctus ex massa, nec feugiat est eleifend nec. Cras viverra purus a mauris malesuada aliquam. Integer purus lectus, volutpat quis gravida porttitor, venenatis ut tortor. Phasellus a sapien lorem.</span></div>
</div>
</div>
</div>
<script type="text/javascript" xml="space">// <![CDATA[
		jQuery(document).ready(function($) {
				var bs_slider = $(".client-say-slider");
				bs_slider.owlCarousel({		
					items:1,
					autoplay:false,
					loop:false,
					nav : true, // Show next and prev buttons
					dots: false,
					autoplaySpeed : 500,
					navSpeed : 500,
					dotsSpeed : 500,
					autoplayHoverPause: true,
					margin:0
			});	  
		});	
	
// ]]></script>
</div>

</div>

<div class="client-comment"><span class="sn-tamiv2">Donec sit amet vulputate velit. Aenean tempus nisl ac fermentum tincidunt. Nam aliquet enim ac quam scelerisque rutrum. Aliquam ante dolor, posuere nec mattis id, suscipit ac mi. Praesent luctus ex massa, nec feugiat est eleifend nec. Cras viverra purus a mauris malesuada aliquam. Integer purus lectus, volutpat quis gravida porttitor, venenatis ut tortor. Phasellus a sapien lorem.</span></div>

</div>

</div>

</div>

jQuery(document).ready(function($) {

var bs_slider = $(".client-say-slider");

bs_slider.owlCarousel({

items:1,

autoplay:false,

loop:false,

nav : true, // Show next and prev buttons

dots: false,

autoplaySpeed : 500,

navSpeed : 500,

dotsSpeed : 500,

autoplayHoverPause: true,

margin:0

});

// ]]></script>

</div>

Static Block: block-log-v2

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "block-log-v2"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="latest-blogs">
<div class="block-title" style="position: relative;"><strong> <span>New Blog</span> <a class="sn-view" title="123" href="#">View All</a> </strong></div>
<div class="block latest-blog">
<div class="block-content">
<div class="latest-blog-slider">
<div class="item-blog item">
<div class="img-blog"><a class="img-link" title="Aestibulum ipsum a ornare car" href="#"> <img src="{{media url="wysiwyg/img-blog/1.jpg"}}" alt="" /> </a> <!-- <p class="date-blog"></p> -->
<div class="sn-datev2">
<div class="d-blog">05</div>
<div class="m-blog">Jun</div>
</div>
</div>
<div class="blog-info">
<div class="postTitle">
<h2><a title="Aestibulum ipsum a ornare car" href="#">Aestibulum ipsum a ornare car</a></h2>
</div>
<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum impe</div>
</div>
</div>
<div class="item-blog item">
<div class="img-blog"><a class="img-link" title="Aestibulum ipsum a ornare car" href="#"> <img src="{{media url="wysiwyg/img-blog/2.jpg"}}" alt="" /> </a> <!-- <p class="date-blog"></p> -->
<div class="sn-datev2">
<div class="d-blog">05</div>
<div class="m-blog">Jun</div>
</div>
</div>
<div class="blog-info">
<div class="postTitle">
<h2><a title="Aestibulum ipsum a ornare lectus" href="#">Aestibulum ipsum a ornare lectus</a></h2>
</div>
<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum impe</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>

<h2><a title="Aestibulum ipsum a ornare car" href="#">Aestibulum ipsum a ornare car</a></h2>

</div>

<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum impe</div>

</div>

</div>

<h2><a title="Aestibulum ipsum a ornare lectus" href="#">Aestibulum ipsum a ornare lectus</a></h2>

</div>

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "banner-home-v3"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="img-banner-v3 row">
<div class="item-service mr40  col-lg-3 col-md-3 col-sm-3 col-xs-3">
<div class="img-effect"><a class="img-class " title="banner1" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-3/bannerv3-1.jpg"}}" alt="" /> </a></div>
</div>
<div class="item-service mr40  col-lg-6 col-md-6 col-sm-6  col-xs-6">
<div class="img-effect"><a class="img-class" title="banner2" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-3/bannerv3-2.jpg"}}" alt="" /> </a></div>
</div>
<div class="item-service mr40   col-lg-3 col-md-3 col-sm-3 col-xs-3">
<div class="img-effect"><a class="img-class" title="banner3" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-3/bannerv3-3.jpg"}}" alt="" /> </a></div>
</div>
</div>

</div>

</div>

</div>

Static Block: pretext-tab1-v3

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "pretext-tab1-v3"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="img-effect"><a class="img-class " title="" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-3/image-cat-3-h5.png"}}" alt="" /> </a></div>

1	<div class="img-effect"><a class="img-class " title="" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-3/image-cat-3-h5.png"}}" alt="" /> </a></div>

Static Block: pretext-tab2-v3

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "pretext-tab2-v3"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="img-effect"><a class="img-class " title="" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-3/image-cat-2-h5.png"}}" alt="" /> </a></div>

1	<div class="img-effect"><a class="img-class " title="" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-3/image-cat-2-h5.png"}}" alt="" /> </a></div>

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "banner-bottom-v3"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="img-effect"><a class="img-class " title="Banner-Bottom" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-3/banner-botom-v3.jpg"}}" alt="" /> </a></div>

1	<div class="img-effect"><a class="img-class " title="Banner-Bottom" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-3/banner-botom-v3.jpg"}}" alt="" /> </a></div>

Static Block: client-say-v3

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "client-say-v3"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="client-wrapper-b">
<div class="block-title-bottom">
<h2>Testimonial</h2>
</div>
<div class="block-content-clientsay">
<div class="client-say-slider">
<div class="item item-client-say">
<div class="image-client"><a title="Jack Andrson" href="#"><img src="{{media url="wysiwyg/image-client/img-client-1.png"}}" alt="Image Client" /></a></div>
<div class="client-say-info client-comment"><span class="sn-tamiv3">Donec sit amet vulputate velit. Aenean tempus nisl ac fermentum tincidunt. Nam aliquet enim quam scelerisque rutrum. Aliquam ante dolor, posuere nec mattis id, suscipit ac mi. Praesent luctus ex massa, nec feugiat est eleifend nec phasellus euismod.</span></div>
</div>
<div class="item item-client-say">
<div class="image-client"><a title="Jack Andrson" href="#"><img src="{{media url="wysiwyg/image-client/img-client-2.png"}}" alt="Image Client" /></a></div>
<div class="client-say-info client-comment"><span class="sn-tamiv3">Donec sit amet vulputate velit. Aenean tempus nisl ac fermentum tincidunt. Nam aliquet enim quam scelerisque rutrum. Aliquam ante dolor, posuere nec mattis id, suscipit ac mi. Praesent luctus ex massa, nec feugiat est eleifend nec phasellus euismod.</span></div>
</div>
<div class="item item-client-say">
<div class="image-client"><a title="Jack Andrson" href="#"><img src="{{media url="wysiwyg/image-client/img-client-3.png"}}" alt="Image Client" /></a></div>
<div class="client-say-info client-comment"><span class="sn-tamiv3">Donec sit amet vulputate velit. Aenean tempus nisl ac fermentum tincidunt. Nam aliquet enim quam scelerisque rutrum. Aliquam ante dolor, posuere nec mattis id, suscipit ac mi. Praesent luctus ex massa, nec feugiat est eleifend nec phasellus euismod.</span></div>
</div>
</div>
</div>
</div>
<script type="text/javascript" xml="space">// <![CDATA[
			jQuery(document).ready(function($) {
				var bs_slider = $(".client-say-slider");
				bs_slider.owlCarousel({	
					items:1,
					autoplay:false,
					loop:false,
					nav : true, // Show next and prev buttons
					dots: false,
					autoplaySpeed : 500,
					navSpeed : 500,
					dotsSpeed : 500,
					autoplayHoverPause: true,
					margin:0
					
				});	  
			});
	
// ]]></script>

<h2>Testimonial</h2>

</div>

<div class="client-say-info client-comment"><span class="sn-tamiv3">Donec sit amet vulputate velit. Aenean tempus nisl ac fermentum tincidunt. Nam aliquet enim quam scelerisque rutrum. Aliquam ante dolor, posuere nec mattis id, suscipit ac mi. Praesent luctus ex massa, nec feugiat est eleifend nec phasellus euismod.</span></div>

</div>

</div>

</div>

jQuery(document).ready(function($) {

var bs_slider = $(".client-say-slider");

bs_slider.owlCarousel({

items:1,

autoplay:false,

loop:false,

nav : true, // Show next and prev buttons

dots: false,

autoplaySpeed : 500,

navSpeed : 500,

dotsSpeed : 500,

autoplayHoverPause: true,

margin:0

});

// ]]></script>

Static Block: blog-bottom-v3

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "blog-bottom-v3"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="blog-bottomv-3">
<div class="block-title-bottom">
<h2>NEW BLOG</h2>
</div>
<div class="latest-blog-bottom">
<div id="accordion" class="panel-group">
<div class="panel panel-default">
<div id="heading1" class="panel-heading">
<h4 class="panel-title"><a href="#collapse1" data-toggle="collapse" data-parent="#accordion"> <span>Aestibulum ipsum a ornare car</span> </a></h4>
</div>
<div id="collapse1" class="panel-collapse collapse in">
<div class="panel-body">
<div class="blog-info ">
<div class="img-blog"><a class="img-link" title="Aestibulum ipsum a ornare car" href="#"> <img src="{{media url="wysiwyg/img-blog/1.jpg"}}" alt="" /> </a></div>
<div class="postTitle1">
<h2><a title="Aestibulum ipsum a ornare car" href="#">Aestibulum ipsum a ornare car</a></h2>
</div>
<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent liber</div>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div id="heading2" class="panel-heading">
<h4 class="panel-title"><a class="collapsed" href="#collapse2" data-toggle="collapse" data-parent="#accordion"> <span>Aestibulum ipsum a ornare lectus</span> </a></h4>
</div>
<div id="collapse2" class="panel-collapse collapse">
<div class="panel-body">
<div class="blog-info ">
<div class="img-blog"><a class="img-link" title="Aestibulum ipsum a ornare car" href="#"> <img src="{{media url="wysiwyg/img-blog/2.jpg"}}" alt="" /> </a></div>
<div class="postTitle1">
<h2><a title="Aestibulum ipsum a ornare car" href="#">Aestibulum ipsum a ornare car</a></h2>
</div>
<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent liber</div>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div id="heading3" class="panel-heading">
<h4 class="panel-title"><a class="collapsed" href="#collapse3" data-toggle="collapse" data-parent="#accordion"> <span>Aestibulum ipsum a ornare car</span> </a></h4>
</div>
<div id="collapse3" class="panel-collapse collapse">
<div class="panel-body">
<div class="blog-info ">
<div class="img-blog"><a class="img-link" title="Aestibulum ipsum a ornare car" href="#"> <img src="{{media url="wysiwyg/img-blog/5.jpg"}}" alt="" /> </a></div>
<div class="postTitle1">
<h2><a title="Neque eget interdum accumsan" href="#">Neque eget interdum accumsan</a></h2>
</div>
<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent liber</div>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div id="heading4" class="panel-heading">
<h4 class="panel-title"><a class="collapsed" href="#collapse4" data-toggle="collapse" data-parent="#accordion"> <span>Neque eget interdum accumsan</span> </a></h4>
</div>
<div id="collapse4" class="panel-collapse collapse">
<div class="panel-body">
<div class="blog-info ">
<div class="img-blog"><a class="img-link" title="Neque eget interdum accumsan" href="#"> <img src="{{media url="wysiwyg/img-blog/3.jpg"}}" alt="" /> </a></div>
<div class="postTitle1">
<h2><a title="Neque eget interdum accumsan" href="#">Neque eget interdum accumsan</a></h2>
</div>
<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent liber</div>
</div>
</div>
</div>
</div>
<div class="panel panel-default">
<div id="heading5" class="panel-heading">
<h4 class="panel-title"><a class="collapsed" href="#collapse5" data-toggle="collapse" data-parent="#accordion"> <span>Dolor at tincidunt mollis augue</span> </a></h4>
</div>
<div id="collapse5" class="panel-collapse collapse">
<div class="panel-body">
<div class="blog-info ">
<div class="img-blog"><a class="img-link" title="Dolor at tincidunt mollis augue" href="#"> <img src="{{media url="wysiwyg/img-blog/4.jpg"}}" alt="" /> </a></div>
<div class="postTitle1">
<h2><a title="Dolor at tincidunt mollis augue" href="#">Dolor at tincidunt mollis augue</a></h2>
</div>
<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent liber</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>

<h4 class="panel-title"><a href="#collapse1" data-toggle="collapse" data-parent="#accordion"> <span>Aestibulum ipsum a ornare car</span> </a></h4>

</div>

<h2><a title="Aestibulum ipsum a ornare car" href="#">Aestibulum ipsum a ornare car</a></h2>

</div>

<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent liber</div>

</div>

<h4 class="panel-title"><a class="collapsed" href="#collapse2" data-toggle="collapse" data-parent="#accordion"> <span>Aestibulum ipsum a ornare lectus</span> </a></h4>

</div>

<h2><a title="Aestibulum ipsum a ornare car" href="#">Aestibulum ipsum a ornare car</a></h2>

</div>

<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent liber</div>

</div>

<h4 class="panel-title"><a class="collapsed" href="#collapse3" data-toggle="collapse" data-parent="#accordion"> <span>Aestibulum ipsum a ornare car</span> </a></h4>

</div>

<h2><a title="Neque eget interdum accumsan" href="#">Neque eget interdum accumsan</a></h2>

</div>

<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent liber</div>

</div>

<h4 class="panel-title"><a class="collapsed" href="#collapse4" data-toggle="collapse" data-parent="#accordion"> <span>Neque eget interdum accumsan</span> </a></h4>

</div>

<h2><a title="Neque eget interdum accumsan" href="#">Neque eget interdum accumsan</a></h2>

</div>

<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent liber</div>

</div>

<h4 class="panel-title"><a class="collapsed" href="#collapse5" data-toggle="collapse" data-parent="#accordion"> <span>Dolor at tincidunt mollis augue</span> </a></h4>

</div>

<h2><a title="Dolor at tincidunt mollis augue" href="#">Dolor at tincidunt mollis augue</a></h2>

</div>

<div class="postContent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent liber</div>

</div>

Static Block: blog-right-v4

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "blog-right-v4"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class=" img-effect  block hidden-xs hidden-sm"><a class="img-class " href="#"> <img src="{{media url="wysiwyg/home-page-image/home-4/h4-1.jpg"}}" alt="" /> </a></div>

1	<div class=" img-effect block hidden-xs hidden-sm"><a class="img-class " href="#"> <img src="{{media url="wysiwyg/home-page-image/home-4/h4-1.jpg"}}" alt="" /> </a></div>

Static Block: blog-testimonials-v4

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "blog-testimonials-v4"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="block block-testimonials4">
<div class="block-title"><strong>Testimonials</strong></div>
<div class="slider-testimonials-home1">
<div class="item">
<div class="inner">
<div class="images"><img src="{{media url="wysiwyg/testimonial/client-4.jpg"}}" alt="Brand" /></div>
<h2 class="name">Johny Walker</h2>
<div class="des">Lorem ipsum dolor sit amet, conmeturasdipiscing elit, sed do eiusmod temporace imcedidunt ut labore et dolore.</div>
</div>
</div>
<div class="item">
<div class="inner">
<div class="images"><img src="{{media url="wysiwyg/testimonial/client-5.jpg"}}" alt="Brand" /></div>
<h2 class="name">Johny Walker</h2>
<div class="des">Lorem ipsum dolor sit amet, conmeturasdipiscing elit, sed do eiusmod temporace imcedidunt ut labore et dolore.</div>
</div>
</div>
<div class="item">
<div class="inner">
<div class="images"><img src="{{media url="wysiwyg/testimonial/client-6.jpg"}}" alt="Brand" /></div>
<h2 class="name">Johny Walker</h2>
<div class="des">Lorem ipsum dolor sit amet, conmeturasdipiscing elit, sed do eiusmod temporace imcedidunt ut labore et dolore.</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" xml="space">
		jQuery(document).ready(function($) {
			$('.slider-testimonials-home1').owlCarousel({
				margin:30,
				nav:true,
				loop:false,
				dots: true,
				items:1
			})
		});
</script>

<div class="block-title"><strong>Testimonials</strong></div>

<h2 class="name">Johny Walker</h2>

<div class="des">Lorem ipsum dolor sit amet, conmeturasdipiscing elit, sed do eiusmod temporace imcedidunt ut labore et dolore.</div>

</div>

<h2 class="name">Johny Walker</h2>

<div class="des">Lorem ipsum dolor sit amet, conmeturasdipiscing elit, sed do eiusmod temporace imcedidunt ut labore et dolore.</div>

</div>

<h2 class="name">Johny Walker</h2>

<div class="des">Lorem ipsum dolor sit amet, conmeturasdipiscing elit, sed do eiusmod temporace imcedidunt ut labore et dolore.</div>

</div>

jQuery(document).ready(function($) {

$('.slider-testimonials-home1').owlCarousel({

margin:30,

nav:true,

loop:false,

dots: true,

items:1

})

});

</script>

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "banner-center-v4"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="banner-center-home4">
<div class="row">
<div class="col-xs-6 col-phone-12">
<div class="img-effect block"><a class="img-class" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-4/t13.jpg"}}" alt="" /> </a></div>
</div>
<div class="col-xs-6 col-phone-12">
<div class="img-effect block"><a class="img-class" href="#"> <img src="{{media url="wysiwyg/home-page-image/home-4/t14.jpg"}}" alt="" /> </a></div>
</div>
</div>
</div>

</div>

</div>

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "banner-home-v5"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="banner-home5">
<div class="row">
<div class="col-sm-6">
<div class="img-effect img-banner1"><a class="img-class banner1" href="#"><img src="{{media url="wysiwyg/home-page-image/home-5/h51.jpg"}}" alt="" /></a></div>
</div>
<div class="col-sm-6">
<div class="img-effect img-banner1"><a class="img-class banner1" href="#"><img src="{{media url="wysiwyg/home-page-image/home-5/h52.jpg"}}" alt="" /></a></div>
</div>
</div>
</div>

</div>

</div>

Static Block: policy-shop-v6

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "policy-shop-v6"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="banner-home5">
<div class="row">
<div class="col-sm-6">
<div class="img-effect img-banner1"><a class="img-class banner1" href="#"><img src="{{media url="wysiwyg/home-page-image/home-5/h51.jpg"}}" alt="" /></a></div>
</div>
<div class="col-sm-6">
<div class="img-effect img-banner1"><a class="img-class banner1" href="#"><img src="{{media url="wysiwyg/home-page-image/home-5/h52.jpg"}}" alt="" /></a></div>
</div>
</div>
</div>

</div>

</div>

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "banner-home-v6"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="banner-home6">
<div class="row">
<div class="col-sm-8">
<div class="img-effect">
<a class="img-class" href="#"><img src="{{media url="wysiwyg/home-page-image/home-6/img61.jpg"}}" alt="" /></a>
</div>
</div>
<div class="col-sm-4">
<div class="img-effect">
<a class="img-class" href="#"><img src="{{media url="wysiwyg/home-page-image/home-6/img62.jpg"}}" alt="" /></a>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="img-effect">
<a class="img-class" href="#"><img src="{{media url="wysiwyg/home-page-image/home-6/img63.jpg"}}" alt="" /></a>
</div>
</div>
<div class="col-sm-8">
<div class="img-effect">
<a class="img-class" href="#"><img src="{{media url="wysiwyg/home-page-image/home-6/img64.jpg"}}" alt="" /></a>
</div>
</div>
</div>
</div>

</div>

</div>

</div>

</div>

Static Block: ft-callus-v6

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "ft-callus-v6"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="ft-callus-top">
<p><i class="fa fa-comment"></i>LIVE CUSTOMER SUPPORT</p>
<p><i class="fa fa-phone"></i>Hotline: 0123 456 7891</p>
<p><i class="fa fa-envelope"></i> <a href="#">Email: Contact@domain.com</a></p>
</div>

<p><i class="fa fa-comment"></i>LIVE CUSTOMER SUPPORT</p>

<p><i class="fa fa-phone"></i>Hotline: 0123 456 7891</p>

<p><i class="fa fa-envelope"></i> <a href="#">Email: Contact@domain.com</a></p>

</div>

Static Block: ft-col61-block

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "ft-col61-block"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="block">
<div class="footer-title">
<h2>Men</h2>
</div>
<div class="content-block-footer">
<ul>
<li><a title="Lifestyle" href="#">Lifestyle</a></li>
<li><a title="Running" href="#">Running</a></li>
<li><a title="Training &amp; Gym" href="#">Training &amp; Gym</a></li>
<li><a title="Basketball" href="#">Basketball</a></li>
<li><a title="Football" href="#">Football</a></li>
<li><a title="Soccer" href="#">Soccer</a></li>
<li><a title="Baseball" href="#">Baseball</a></li>
<li><a title="Golf" href="#">Golf</a></li>
<li><a title="Skateboarding" href="#">Skateboarding</a></li>
<li><a title="Tennis" href="#">Tennis</a></li>
<li><a title="Sandals &amp; Flip Flops" href="#">Sandals &amp; Flip Flops</a></li>
<li><a title="Sale" href="#">Sale</a></li>
<li><a title="All Men's Shoes" href="#" style=" font-weight: bold;margin-top: 25px;">All Men's Shoes</a></li>
<li><a title="New Arrivals" href="#"  style=" font-weight: bold;">New Arrivals</a></li>
</ul>
</div>
</div>

</div>

<ul>

<li><a title="Lifestyle" href="#">Lifestyle</a></li>

<li><a title="Running" href="#">Running</a></li>

<li><a title="Training & Gym" href="#">Training & Gym</a></li>

<li><a title="Basketball" href="#">Basketball</a></li>

<li><a title="Football" href="#">Football</a></li>

<li><a title="Soccer" href="#">Soccer</a></li>

<li><a title="Baseball" href="#">Baseball</a></li>

<li><a title="Skateboarding" href="#">Skateboarding</a></li>

<li><a title="Tennis" href="#">Tennis</a></li>

<li><a title="Sandals & Flip Flops" href="#">Sandals & Flip Flops</a></li>

<li><a title="All Men's Shoes" href="#" style=" font-weight: bold;margin-top: 25px;">All Men's Shoes</a></li>

<li><a title="New Arrivals" href="#" style=" font-weight: bold;">New Arrivals</a></li>

</ul>

</div>

Static Block: ft-col62-block

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "ft-col62-block"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="block">
<div class="footer-title">
<h2>WoMen</h2>
</div>
<div class="content-block-footer">
<ul>
<li><a title="Lifestyle" href="#">Lifestyle</a></li>
<li><a title="Running" href="#">Running</a></li>
<li><a title="Training &amp; Gym" href="#">Training &amp; Gym</a></li>
<li><a title="Basketball" href="#">Basketball</a></li>
<li><a title="Football" href="#">Football</a></li>
<li><a title="Soccer" href="#">Soccer</a></li>
<li><a title="Baseball" href="#">Baseball</a></li>
<li><a title="Golf" href="#">Golf</a></li>
<li><a title="Skateboarding" href="#">Skateboarding</a></li>
<li><a title="Tennis" href="#">Tennis</a></li>
<li><a title="Sandals &amp; Flip Flops" href="#">Sandals &amp; Flip Flops</a></li>
<li><a title="Sale" href="#">Sale</a></li>
<li><a title="All Men's Shoes" href="#"  style=" font-weight: bold;margin-top: 25px;">All Men's Shoes</a></li>
<li><a title="New Arrivals" href="#"  style=" font-weight: bold;">New Arrivals</a></li>
</ul>
</div>
</div>

<h2>WoMen</h2>

</div>

<ul>

<li><a title="Lifestyle" href="#">Lifestyle</a></li>

<li><a title="Running" href="#">Running</a></li>

<li><a title="Training & Gym" href="#">Training & Gym</a></li>

<li><a title="Basketball" href="#">Basketball</a></li>

<li><a title="Football" href="#">Football</a></li>

<li><a title="Soccer" href="#">Soccer</a></li>

<li><a title="Baseball" href="#">Baseball</a></li>

<li><a title="Skateboarding" href="#">Skateboarding</a></li>

<li><a title="Tennis" href="#">Tennis</a></li>

<li><a title="Sandals & Flip Flops" href="#">Sandals & Flip Flops</a></li>

<li><a title="All Men's Shoes" href="#" style=" font-weight: bold;margin-top: 25px;">All Men's Shoes</a></li>

<li><a title="New Arrivals" href="#" style=" font-weight: bold;">New Arrivals</a></li>

</ul>

</div>

Static Block: ft-col63-block

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "ft-col63-block"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="block">
<div class="footer-title">
<h2>kids</h2>
</div>
<div class="content-block-footer">
<ul>
<li><a title="Lifestyle" href="#">Lifestyle</a></li>
<li><a title="Running" href="#">Running</a></li>
<li><a title="Training & Gym" href="#">Training & Gym</a></li>
<li><a title="Basketball" href="#">Basketball</a></li>
<li><a title="Football" href="#">Football</a></li>
<li><a title="Soccer" href="#">Soccer</a></li>
<li><a title="Baseball" href="#">Baseball</a></li>
<li><a title="Golf" href="#">Golf</a></li>
<li><a title="Skateboarding" href="#">Skateboarding</a></li>
<li><a title="Tennis" href="#">Tennis</a></li>
<li><a title="Sandals & Flip Flops" href="#">Sandals & Flip Flops</a></li>
<li><a title="Sale" href="#">Sale</a></li>
<li><a title="All Men's Shoes" href="#"  style=" font-weight: bold;margin-top: 25px;">All Men's Shoes</a></li>
<li><a title="New Arrivals" href="#"  style=" font-weight: bold;">New Arrivals</a></li>
</ul>
</div>
</div>

</div>

<ul>

<li><a title="Lifestyle" href="#">Lifestyle</a></li>

<li><a title="Running" href="#">Running</a></li>

<li><a title="Training & Gym" href="#">Training & Gym</a></li>

<li><a title="Basketball" href="#">Basketball</a></li>

<li><a title="Football" href="#">Football</a></li>

<li><a title="Soccer" href="#">Soccer</a></li>

<li><a title="Baseball" href="#">Baseball</a></li>

<li><a title="Skateboarding" href="#">Skateboarding</a></li>

<li><a title="Tennis" href="#">Tennis</a></li>

<li><a title="Sandals & Flip Flops" href="#">Sandals & Flip Flops</a></li>

<li><a title="All Men's Shoes" href="#" style=" font-weight: bold;margin-top: 25px;">All Men's Shoes</a></li>

<li><a title="New Arrivals" href="#" style=" font-weight: bold;">New Arrivals</a></li>

</ul>

</div>

Static Block: ft-col64-block

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "ft-col64-block"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="block">
<div class="footer-title">
<h2>Baby</h2>
</div>
<div class="content-block-footer">
<ul>
<li><a title="Lifestyle" href="#">Lifestyle</a></li>
<li><a title="Running" href="#">Running</a></li>
<li><a title="Training &amp; Gym" href="#">Training &amp; Gym</a></li>
<li><a title="Basketball" href="#">Basketball</a></li>
<li><a title="Football" href="#">Football</a></li>
<li><a title="Soccer" href="#">Soccer</a></li>
<li><a title="Baseball" href="#">Baseball</a></li>
<li><a title="Golf" href="#">Golf</a></li>
<li><a title="Sale" href="#">Sale</a></li>
</ul>
</div>
</div>

</div>

<ul>

<li><a title="Lifestyle" href="#">Lifestyle</a></li>

<li><a title="Running" href="#">Running</a></li>

<li><a title="Training & Gym" href="#">Training & Gym</a></li>

<li><a title="Basketball" href="#">Basketball</a></li>

<li><a title="Football" href="#">Football</a></li>

<li><a title="Soccer" href="#">Soccer</a></li>

<li><a title="Baseball" href="#">Baseball</a></li>

</ul>

</div>

Static Block: ft-col65-block

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "ft-col65-block"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="block">
<div class="footer-title">
<h2>Extras</h2>
</div>
<div class="content-block-footer">
<ul>
<li><a title="Lifestyle" href="#">Lifestyle</a></li>
<li><a title="Running" href="#">Running</a></li>
<li><a title="Training & Gym" href="#">Training & Gym</a></li>
<li><a title="Basketball" href="#">Basketball</a></li>
<li><a title="Football" href="#">Football</a></li>
<li><a title="Soccer" href="#">Soccer</a></li>
<li><a title="Baseball" href="#">Baseball</a></li>
<li><a title="Tennis" href="#">Tennis</a></li>
<li><a title="Sandals & Flip Flops" href="#">Sandals & Flip Flops</a></li>
<li><a title="Sale" href="#">Sale</a></li>
<li><a title="All Men's Shoes" href="#"  style=" font-weight: bold;margin-top: 25px;">All Men's Shoes</a></li>
<li><a title="New Arrivals" href="#"  style=" font-weight: bold;">New Arrivals</a></li>
</ul>
</div>
</div>

<h2>Extras</h2>

</div>

<ul>

<li><a title="Lifestyle" href="#">Lifestyle</a></li>

<li><a title="Running" href="#">Running</a></li>

<li><a title="Training & Gym" href="#">Training & Gym</a></li>

<li><a title="Basketball" href="#">Basketball</a></li>

<li><a title="Football" href="#">Football</a></li>

<li><a title="Soccer" href="#">Soccer</a></li>

<li><a title="Baseball" href="#">Baseball</a></li>

<li><a title="Tennis" href="#">Tennis</a></li>

<li><a title="Sandals & Flip Flops" href="#">Sandals & Flip Flops</a></li>

<li><a title="All Men's Shoes" href="#" style=" font-weight: bold;margin-top: 25px;">All Men's Shoes</a></li>

<li><a title="New Arrivals" href="#" style=" font-weight: bold;">New Arrivals</a></li>

</ul>

</div>

Static Block: ft-col66-block

To create the static block, go to Content>> Elements>> Blocks with Identifier * : "ft-col66-block"

Frontend Appearance

Backend Setting: Please click Here to view.

Copy and paste the following code into the content tab of this static block:

<div class="block">
<div class="footer-title">
<h2>RESOURCES</h2>
</div>
<div class="content-block-footer">
<ul>
<li><a title="Lifestyle" href="#">Lifestyle</a></li>
<li><a title="Running" href="#">Running</a></li>
<li><a title="Training & Gym" href="#">Training & Gym</a></li>
<li><a title="Basketball" href="#">Basketball</a></li>
<li><a title="Football" href="#">Football</a></li>
<li><a title="Soccer" href="#">Soccer</a></li>
<li><a title="Sale" href="#">Sale</a></li>
</ul>
</div>
</div>

<h2>RESOURCES</h2>

</div>

<ul>

<li><a title="Lifestyle" href="#">Lifestyle</a></li>

<li><a title="Running" href="#">Running</a></li>

<li><a title="Training & Gym" href="#">Training & Gym</a></li>

<li><a title="Basketball" href="#">Basketball</a></li>

<li><a title="Football" href="#">Football</a></li>

<li><a title="Soccer" href="#">Soccer</a></li>

</ul>

</div>

3.5 How To Edit Copyright in Admin Panel

Frontend Appearance

In SM Shoppystore Administration Page, please navigate to Stores>> Settings>> Configuration >> MAGENTECH.COM >> SM Shoppystore >> Advanced to configure this theme's copyright.

Edit the code here:

Ai?? 2016 Magento Themes Demo Store. All Rights Reserved. Designed by <a href="http://www.magentech.com/" title="Visit MagenTech.Com!">MagenTech.Com</a>

1	Ai?? 2016 Magento Themes Demo Store. All Rights Reserved. Designed by <a href="http://www.magentech.com/" title="Visit MagenTech.Com!">MagenTech.Com</a>

3.6 Newsletter

Frontend Appearance

In your Website’s Directory, go to \app\design\frontend\Sm\shoppystore\Magento_Newsletter\templates folder. In this folder, you could open the file named subscribe-footer.phtml by your editor program, to change the text such as: Sign Up for Our Newsletter, Receive email-only deals, special offers & product exclusives, please find these words and edit as you want.

4SUPPORT

SUPPORT - If you have any questions that are beyond the scope of this help file, please feel free to send us via: Support Tickets System
FAQs - Go to Here to view more the Frequently Asked Questions.