This guide will help you install SM Flapshop themes step by step.
Table of content as following:
1 SYSTEM REQUIREMENT – Back to top
At the basic level, this theme will require the following conditions:
- Compatible with Magento Community Edition 1.7.x; 1.8.x and 1.9.x
2LAYOUT POSITION – Back to top
3INSTALLATION – Back to top
There are two ways to install a Magento Theme:
- Quickstart Installation: By using this package, you will set the theme exactly as our Demo with sample data.
- Manual Installation (include of Theme Installation and Extension Installation): You will need only be using the zipped files in “Extensions” and “Theme” folders.
3.1 Quickstart Installation :
Magentech provides SM Quickstart package for each theme which aims to ease the installation for users. It will help you save much time of installing and configuring if you plan to start your site from the beginning. Please following steps below:
- Step 1: Download the quickstart package
- Step 2: Extract and Upload the whole Quickstart package to your server. In Quickstart folder you will see the extracted folder that include all sample data
- Step 3: Create a Database for your Magento
- Step 4: Start installation by opening browser and navigate to your URL (where the Quickstart uploaded) to load default Magento installer. Please follow each step of the Installer so that the installation process can be set.
- Step 5: Locale Settings. Please fill fully into Required Fields (“Locale; Time Zone and Default Currency”.)
- Step 6: In the Configuration step, input the required fields as below.
- Do not use “localhost” in URL, otherwise you could not log in to your Admin area (you should use your local IP in case of installing on your computer).
- Leave Tables prefix field blank.
- Step 7: Create Admin Account. Please fill fully into Required Fields (“First Name; Last Name; Email; Username; password and confirm password”.)
- Step 8: Finish Installation and now you can Go to Frontend or Go to Backend.
3.2 Manual Installation
3.2.1 Theme Installation
Please install Magento extension Theme in advance of any other installations to avoid unexpected conflicts that may occur.
- Step 1: Copy folders skin and app to your site root folder. The overwritten folders should have a directory layout like this:
{docroot} /magento/
app/
index.php
js/
lib/
LICENSE.txt
media/
pear/
skin/
var/ - Step 2: Log in to your Admin Panel (e.g. Access Magento Admin area: http://yourdomain/index.php/admin/). Log out and log in back.
- Step 3: Navigate to System >> Cache Management, Sellect All the cache types, take Action as Refresh and Submit.
- Step 4: Navigate to System >> Configuration >> Design.
- Step 5: In Themes tab, input Default field with the actual theme name.
- Step 6: You can also change the settings for Header .
- Step 7: Click Save Config button to finish..
3.2.2 Extension Installation
- Step 1: Copy all the folders of each extension folder that you have extracted to the your site root folder.
- Step 2: In your Admin Panel, navigate to System >> Configuration >> Extensions Configuration (on the left-hand menu).
- Step 3: You will see installed extension, click extension’s name tab to go to extension configuration page as the image below:
4CONFIGURATION – Back to top
4.1 Configure pages
Home Page with 1 column
To config this page, please navigate to CMS >> Pages, create Home page, navigate to Design tab and update with the following settings:
- Layout: 1 column
- Link show home page’s backend. Please click Here to view.
- Layout update XML: paste the code below
<reference name="slideshow">
<block type="dynamicslideshow/list" name="dinamicslideshow"></block>
</reference>
<reference name="servicetop">
<block type="cms/block" name="block-top">
<action method="setBlockId"><block_id>service-top</block_id></action>
</block>
</reference>
<reference name="servicebottom">
<block type="cms/block" name="block-bottom">
<action method="setBlockId"><block_id>service-bottom</block_id></action>
</block>
</reference>
<reference name="happyclients">
<block type="cms/block" name="happy-clients">
<action method="setBlockId"><block_id>happy-clients</block_id></action>
</block>
</reference>
<reference name="social">
<block type="page/html" name="social_info" as="social_info" template="page/html/social.phtml"/>
</reference>
<reference name="dealblock">
<block type="deal/List" name="deal" as="deal" template="sm/deal/default.phtml"></block>
</reference>
<reference name="supercat1">
<block type="supercategories/list" name="supercategories.list.default" template="sm/supercategories/default.phtml"></block>
</reference>
<reference name="supercat2">
<block type="supercategories/list" name="supercategories.list.default.2" template="sm/supercategories/default_2.phtml">
<action method="_setConfig">
<values>
<product_category>320</product_category>
<nb_column1>4</nb_column1>
<nb_column2>4</nb_column2>
<nb_column3>3</nb_column3>
<nb_column4>2</nb_column4>
<next_prev_display>0</next_prev_display>
</values>
</action>
</block>
</reference>
<reference name="recomendproducts">
<block type="basicproducts/list" name="basicproducts.list.default" template="sm/basicproducts/recomend-home.phtml">
<action method="_setConfig">
<values>
<basicproducts_title_text>RECOMMENDED</basicproducts_title_text>
<nb_column1>1</nb_column1>
<nb_column2>1</nb_column2>
<nb_column3>1</nb_column3>
<nb_column4>1</nb_column4>
<product_source>catalog</product_source>
<product_category>3</product_category>
<product_order_by>best_sales</product_order_by>
<product_limitation>4</product_limitation>
<cat_title_display>0</cat_title_display>
<product_description_display>0</product_description_display>
<product_addcart_display>1</product_addcart_display>
<product_addwishlist_display>0</product_addwishlist_display>
<product_addcompare_display>0</product_addcompare_display>
<imgcfg_width>84</imgcfg_width>
<imgcfg_height>84</imgcfg_height>
</values>
</action>
</block>
</reference>
<reference name="staticcenter">
<block type="cms/block" name="block-image-static">
<action method="setBlockId"><block_id>image-static-center</block_id></action>
</block>
</reference>
<reference name="home_info_store">
<block type="cms/block" name="h-info">
<action method="setBlockId"><block_id>store-info-home</block_id></action>
</block>
</reference>
<reference name="featurebrand">
<block type="imageslider/list" name="imageslider.list.default" template="sm/imageslider/feature-brand.phtml"></block>
</reference>
<reference name="latestblog">
<block type="blog/blog" name="latest-blog" template="aw_blog/latest-blog.phtml"></block>
</reference>
Home Page with 2 columns with left barTo config this page, please navigate to CMS >> Pages, create Home page, navigate to Design tab and update with the following settings:
- Layout: 2 columns with left bar
- Link show home page’s backend. Please click Here to view.
- Layout update XML: paste the code below
<reference name="slideshow">
<block type="dynamicslideshow/list" name="dinamicslideshow"></block>
</reference>
<reference name="servicetop_homeleft">
<block type="cms/block" name="block-top">
<action method="setBlockId"><block_id>service-top-home-left</block_id></action>
</block>
</reference>
<reference name="megamenu_left">
<block type="megamenu/list" name="megamenu.list.theme" as="megaMenuLeft" template="sm/megamenu/megamenu-left.phtml">
<action method="setConfig">
<values>
<group_id>2</group_id>
<theme>2</theme>
</values>
</action>
</block>
</reference>
<reference name="servicebottom">
<block type="cms/block" name="block-bottom">
<action method="setBlockId"><block_id>service-bottom-home-left</block_id></action>
</block>
</reference>
<reference name="happyclients">
<block type="cms/block" name="happy-clients">
<action method="setBlockId"><block_id>happy-clients</block_id></action>
</block>
</reference>
<reference name="social">
<block type="page/html" name="social_info" as="social_info" template="page/html/social.phtml"/>
</reference>
<reference name="dealblock">
<block type="deal/List" name="deal" as="deal" template="sm/deal/default_home_left.phtml"></block>
</reference>
<reference name="supercat1">
<block type="supercategories/list" name="supercategories.list.default" template="sm/supercategories/default.phtml">
<action method="_setConfig">
<values>
<!-- <nb_column1>5</nb_column1> -->
</values>
</action>
</block>
</reference>
<reference name="supercat2">
<block type="supercategories/list" name="supercategories.list.default.2" template="sm/supercategories/default_2.phtml">
<action method="_setConfig">
<values>
<product_category>320</product_category>
<nb_column1>4</nb_column1>
</values>
</action>
</block>
</reference>
<reference name="home_info_store">
<block type="cms/block" name="h-info">
<action method="setBlockId"><block_id>store-info-home</block_id></action>
</block>
</reference>
<reference name="recomendproducts">
<block type="basicproducts/list" name="basicproducts.list.default" template="sm/basicproducts/recomend-home.phtml">
<action method="_setConfig">
<values>
<basicproducts_title_text>Recomended</basicproducts_title_text>
<nb_column1>1</nb_column1>
<nb_column2>1</nb_column2>
<nb_column3>1</nb_column3>
<nb_column4>1</nb_column4>
<product_source>catalog</product_source>
<product_category>3</product_category>
<product_order_by>best_sales</product_order_by>
<product_limitation>4</product_limitation>
<cat_title_display>0</cat_title_display>
<product_description_display>0</product_description_display>
<product_addcart_display>1</product_addcart_display>
<product_addwishlist_display>0</product_addwishlist_display>
<product_addcompare_display>0</product_addcompare_display>
<imgcfg_width>84</imgcfg_width>
<imgcfg_height>84</imgcfg_height>
</values>
</action>
</block>
</reference>
<reference name="saveup">
<block type="cms/block" name="block-saveup-static">
<action method="setBlockId"><block_id>save-up</block_id></action>
</block>
</reference>
<reference name="saveup2">
<block type="cms/block" name="block-saveup-static-2">
<action method="setBlockId"><block_id>save-up-2</block_id></action>
</block>
</reference>
<reference name="featurebrand">
<block type="imageslider/list" name="imageslider.list.default" template="sm/imageslider/feature-brand.phtml"></block>
</reference>
<reference name="latestblog">
<block type="blog/blog" name="latest-blog" template="aw_blog/latest-blog.phtml"></block>
</reference>
<reference name="left">
<block type="cms/block" name="block-image-static">
<action method="setBlockId"><block_id>image-static-left</block_id></action>
</block>
<block type="basicproducts/list" name="basicproducts.list.default.left" template="sm/basicproducts/product-left-home.phtml">
<action method="_setConfig">
<values>
<basicproducts_title_text>Lastest Products</basicproducts_title_text>
<nb_column1>1</nb_column1>
<nb_column2>1</nb_column2>
<nb_column3>1</nb_column3>
<nb_column4>1</nb_column4>
<product_source>catalog</product_source>
<product_category>3</product_category>
<product_order_by>lastest_product</product_order_by>
<product_limitation>4</product_limitation>
<cat_title_display>0</cat_title_display>
<product_description_display>0</product_description_display>
<product_addcart_display>0</product_addcart_display>
<product_addwishlist_display>0</product_addwishlist_display>
<product_addcompare_display>0</product_addcompare_display>
<imgcfg_width>84</imgcfg_width>
<imgcfg_height>84</imgcfg_height>
</values>
</action>
</block>
<block type="cms/block" name="block-image-static-2">
<action method="setBlockId"><block_id>image-static-left-2</block_id></action>
</block>
<block type="basicproducts/list" name="basicproducts.list.default.left.second" template="sm/basicproducts/product-left-home.phtml">
<action method="_setConfig">
<values>
<basicproducts_title_text>Random Products</basicproducts_title_text>
<nb_column1>1</nb_column1>
<nb_column2>1</nb_column2>
<nb_column3>1</nb_column3>
<nb_column4>1</nb_column4>
<product_source>catalog</product_source>
<product_category>3</product_category>
<product_order_by>random</product_order_by>
<product_limitation>4</product_limitation>
<cat_title_display>0</cat_title_display>
<product_description_display>0</product_description_display>
<product_addcart_display>0</product_addcart_display>
<product_addwishlist_display>0</product_addwishlist_display>
<product_addcompare_display>0</product_addcompare_display>
<imgcfg_width>84</imgcfg_width>
<imgcfg_height>84</imgcfg_height>
</values>
</action>
</block>
<block type="tag/popular" after="basicproducts.list.default.left.second" name="tags_popular" template="tag/popular.phtml"/>
</reference>
4.2 Configure Mega Menu
To configure General settings, module parameters, Advance, login your administrator, go to SM Mega Menu >> Configuration
To view more guide about how to install, set up and configure SM Mega Menu as you want, please click HERE
Mega Menu Items Configuration
In order to add menu items, Go to SM Mega Menu >> Menu items Manager
HOME MENU
Frontend
- Link show Home Menu’s backend. Please click Here to view.
Content code of Home menu:
<div class="content-home">
<div class="layout-color layout-theme">
<h2>Layout</h2>
<ul class="list-theme">
<li><a href="{{store url="?___store=english&___from_store=italia"}}" title="Home 1 column">Home 1 column</a></li>
<li><a href="{{store url="?___store=italia&___from_store=english"}}" title="Home 2 columns-left">Home 2 columns-left</a></li>
<li><a href="{{store url="?___store=bolivia&___from_store=english"}}" title="Layout boxed 1 column">Layout boxed 1 column</a></li>
<li><a href="{{store url="?___store=cambodja&___from_store=english"}}" title="Layout boxed 2 columns left">Layout boxed 2 columns-left</a></li>
</ul>
</div>
<div class="layout-color color-theme">
<h2>Theme Color</h2>
<ul class="list-theme">
<li class="lavender"><a href="{{store url="?___store=sweden&___from_store=english"}}" title="Lavender">Lavender</a></li>
<li class="grapefruit"><a href="{{store url="?___store=japan&___from_store=english"}}" title="Grapefruit">Grapefruit</a></li>
<li class="green"><a href="{{store url="?___store=argentina&___from_store=english"}}" title="Green">Green</a></li>
<li class="blue"><a href="{{store url="?___store=english&___from_store=italia"}}" title="Blue">Blue</a></li>
<li class="orange"><a href="{{store url="?___store=brazil&___from_store=english"}}" title="Orange">Orange</a></li>
<li class="yellow"><a href="{{store url="?___store=cameroon&___from_store=english"}}" title="Yellow">Yellow</a></li>
</ul>
<ul class="list-theme">
<li class="pinkrose"><a href="{{store url="?___store=hungary&___from_store=english"}}" title="Pink Rose">Pink Rose</a></li>
<li class="deepgrass"><a href="{{store url="?___store=jamaica&___from_store=english"}}" title="Deepgrass">Deepgrass</a></li>
<li class="green_yellow"><a href="{{store url="?___store=vietnam&___from_store=english"}}" title="Green - Yellow">Green - Yellow</a></li>
<li class="lavender_pink"><a href="{{store url="?___store=chile&___from_store=english"}}" title="Lavender - Pink">Lavender - Pink</a></li>
<li class="green_cyan"><a href="{{store url="?___store=spain&___from_store=english"}}" title="Green - Cyan">Green - Cyan</a></li>
<li class="cyan_red"><a href="{{store url="?___store=italia&___from_store=english"}}" title="Cyan - Red">Cyan - Red</a></li>
</ul>
</div>
</div>ELECTRONICS MENU
Frontend
In the admin Panel page, navigate to SM MegaMenu >> Menu Items Manager to view Tree of Electronics menu:
- Top Links: backend
Content Code of “Top Links”:
<div class="toplink-menu"> <ul class="links-menu"> <li><a title="Recommend" href="#">Recommend</a></li> <li><a title="Best Seller" href="#">Best Seller</a></li> <li><a title="Galaxy S5" href="#">Galaxy S5</a></li> <li><a title="iPhone 6" href="#">iPhone 6</a></li> <li><a title="Most Review" href="#">Most Review</a></li> </ul> </div>
- Static Image: backend
Content Code of “Static Image”:
<div class="st-img">
<div class="img-wrapper">
<a href="#" title="Static Image"><img src="{{media url="wysiwyg/st-img1.png"}}" alt="" /></a>
</div>
<div class="detail-st-img">
<h2>Proin gravida semper</h2>
<p>Sagittis dis ridiculus odio aliquet duis amet et elementum lacus mus ultricies</p>
<a class="btn-button-st" href="#" title="Shop collection now">Shop collection now</a>
</div>
</div>
- Column 1: backend
Note: Column 2, 3 & 4 configure the same with Column 1
MEN MENU
Frontend
In the admin Panel page, navigate to SM MegaMenu >> Menu Items Manager to view Tree of Men menu:
- Top Links: configure the same above
Content Code of “Top Links”: configure the same above
- Column 1: configure the same above
- Vest: backend
- Image Vest: backend
Content Code of “Image Vest”:
<div class="img-wrapper">
<a href="{{store url="fashion/men-category/vest.html"}}" title="Vest"><img src="{{media url="wysiwyg/vest-image.png"}}" alt="Vest" /></a>
</div>
- Vest: backend
4.3 Configure Extensions
I. SM Search Box Pro
- Position: SM Search Box Pro
- Frontend
- Backend of SM Search Box Pro: Click Here
- To view more guide about how to install, set up and configure SM Search Box as you want, please click here
II. SM Cart Pro
- Position: SM Cart Pro
- Frontend
- Backend of SM Cart Pro: Click Here
- To view more guide about how to install, set up and configure SM Cart Pro as you want, please click here
III. SM Dynamic Slideshow
- Position: SM Dynamic Slideshow
- Frontend
- Backend of SM Dynamic Slideshow: Click Here
- To view more guide about how to install, set up and configure SM Dynamic Slideshow as you want, please click here
- To config this position, please navigate to CMS >> Pages >> Home page, navigate to Design tab and paste code as below:
<reference name="slideshow">
<block type="dynamicslideshow/list" name="dinamicslideshow"></block>
</reference>
IV. SM DEAL
- Position: SM Deal
- Frontend
- Backend of SM Deal: Click Here
- To view more guide about how to configure SM Deal as you want, please click here
- To config this position, please navigate to CMS >> Pages >> Home page, navigate to Design tab and paste code as below:
<reference name="dealblock">
<block type="deal/List" name="deal" as="deal" template="sm/deal/default.phtml"></block>
</reference>
V. SM Supercategories
- Position: SM Supercategories
- Frontend
- Backend of SM Supercategories: Click Here
- To configure the quickview image as demo, please go to System >> Configuration >> find SM Quickview module (in the left hands) to configure. Click Here to view details.
- To config this position, please navigate to CMS >> Pages >> Home page, navigate to Design tab and paste code as below:
<reference name="supercat1">
<block type="supercategories/list" name="supercategories.list.default" template="sm/supercategories/default.phtml"></block>
</reference>
VI. SM Supercategories
- Position: SM Supercategories
- Frontend
- To configure the quickview image as demo, please go to System >> Configuration >> find SM Quickview module (in the left hands) to configure. Click Here to view details.
- To config this position, please navigate to CMS >> Pages >> Home page, navigate to Design tab and paste code as below:
<reference name="supercat2">
<block type="supercategories/list" name="supercategories.list.default.2" template="sm/supercategories/default_2.phtml">
<action method="_setConfig">
<values>
<product_category>320</product_category>
<nb_column1>4</nb_column1>
<nb_column2>4</nb_column2>
<nb_column3>3</nb_column3>
<nb_column4>2</nb_column4>
<next_prev_display>0</next_prev_display>
</values>
</action>
</block>
</reference>
VII. SM Image Slider
- Position: SM Image Slider
- Frontend
- Backend of SM Image Slider: Click Here
VIII. SM Basic Products
- Position: SM Basic Products
- Frontend
- Backend of SM Basic Products: Click Here
- To config this position, please navigate to CMS >> Pages >> Home page, navigate to Design tab and paste code as below:
<reference name="recomendproducts">
<block type="basicproducts/list" name="basicproducts.list.default" template="sm/basicproducts/recomend-home.phtml">
<action method="_setConfig">
<values>
<basicproducts_title_text>RECOMMENDED</basicproducts_title_text>
<nb_column1>1</nb_column1>
<nb_column2>1</nb_column2>
<nb_column3>1</nb_column3>
<nb_column4>1</nb_column4>
<product_source>catalog</product_source>
<product_category>3</product_category>
<product_order_by>best_sales</product_order_by>
<product_limitation>4</product_limitation>
<cat_title_display>0</cat_title_display>
<product_description_display>0</product_description_display>
<product_addcart_display>1</product_addcart_display>
<product_addwishlist_display>0</product_addwishlist_display>
<product_addcompare_display>0</product_addcompare_display>
<imgcfg_width>84</imgcfg_width>
<imgcfg_height>84</imgcfg_height>
</values>
</action>
</block>
</reference>
4.4 Configure blocks
The SM Flapshop front-page has static blocks in the Theme:
- Flapshop – Go Quickly To
- Flapshop – Service Top
- Flapshop – Static Image Center
- Flapshop – Happy Clients
- Flapshop Info Store
- Flapshop – Service Bottom
- Flapshop – Most Popular Footer
- Flapshop – About Help Footer
- Flapshop – Footer Payment
To create static blocks, go to CMS >> Static Blocks >> Add new block
Flapshop – Go Quickly To
Frontend
Link show Backend of Flapshop – Go Quickly To.
- Content Code of Flapshop – Go Quickly To:
<ul class="list-item-quick">
<li class="ql-item"><span>Go quickly to</span></li>
<li><a title="Moto" href="#">Moto E</a></li>
<li><a title="Mobile" href="#">Mobile</a></li>
<li><a title="Tablet" href="#">Tablet</a></li>
<li><a title="Mobile Accessories" href="#">Mobile Accessories</a></li>
<li><a title="Laptops" href="#">Laptops</a></li>
<li><a title="Pen Drivers" href="#">Pen Drivers</a></li>
<li><a title="Watchs" href="{{store url='about-us'}}">About Us</a></li>
<li><a title="Toys" href="{{store url='contacts/index'}}">Contact Us</a></li>
</ul>
Flapshop – Service Top
Frontend
Link show Backend of Flapshop – Service Top.
- Content Code of Flapshop – Service Top:
<div class="service-block service-top"> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="i-con i-con-free"><a title="Free Shipping" href="#">Free Shipping</a></div> <div class="service-info"> <h2><a title="Free Shipping" href="#">Free Shipping</a></h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> <div class="col-md-4"> <div class="i-con i-con-wishlist"><a title="Sale of 30% on Every Saturday" href="#">Sale of 30% on Every Saturday</a></div> <div class="service-info"> <h2><a title="Sale of 30% on Every Saturday" href="#">Sale of 30% on Every Saturday</a></h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> <div class="col-md-4"> <div class="i-con i-con-box"><a title="Keep Smiling from $1000" href="#">Keep Smiling from $1000</a></div> <div class="service-info"> <h2><a title="Keep Smiling from $1000" href="#">Keep Smiling from $1000</a></h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> </div> </div> </div> </div> </div>
Flapshop – Static Image Center
Frontend
Link show Backend of Flapshop – Static Image Center.
- Content Code of Flapshop – Static Image Center:
<div class="static-image-center">
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="img-block"><a title="Save Up To $499" href="#"><img src="{{media url="wysiwyg/img-center-1.png"}}" alt="Save Up To $499" /></a></div>
</div>
<div class="col-md-5">
<div class="img-block"><a title="Canon Camera" href="#"><img src="{{media url="wysiwyg/img-center-2.png"}}" alt="Canon Camera" /></a></div>
</div>
</div>
</div>
</div>
Flapshop – Happy Clients
Frontend
Link show Backend of Flapshop – Happy Clients
- Content Code of Flapshop – Happy Clients
<div class="three-title-home">
<h2>What Client Says</h2>
</div>
<div id="what-client-say" class="client-say-wrapper carousel slide" data-ride="carousel"><ol class="carousel-indicators carousel-dotted">
<li class="active" data-target="#what-client-say" data-slide-to="0"></li>
<li data-target="#what-client-say" data-slide-to="1"></li>
<li data-target="#what-client-say" data-slide-to="2"></li>
<li data-target="#what-client-say" data-slide-to="3"></li>
<li data-target="#what-client-say" data-slide-to="4"></li>
</ol>
<div class="carousel-inner wrapper-client-say">
<div class="item active">
<div class="client-image"><a title="Venus - Market Research" href="#"><img src="{{media url="wysiwyg/client-1.png"}}" alt="Venus - Market Research" /></a></div>
<div class="client-info">
<div class="des-client">Sed sed mi rutrum diam tempus tempor in idligula. Integer velit turpis</div>
<div class="client-bottom"><a title="Venus - Market Research" href="#"><span class="color-client">Venus</span> - Market Research</a></div>
</div>
</div>
<div class="item">
<div class="client-image"><a title="Venus - Market Research" href="#"><img src="{{media url="wysiwyg/client-1.png"}}" alt="Venus - Market Research" /></a></div>
<div class="client-info">
<div class="des-client">Sed sed mi rutrum diam tempus tempor in idligula. Integer velit turpis</div>
<div class="client-bottom"><a title="Venus - Market Research" href="#"><span class="color-client">Venus</span> - Market Research</a></div>
</div>
</div>
<div class="item">
<div class="client-image"><a title="Venus - Market Research" href="#"><img src="{{media url="wysiwyg/client-1.png"}}" alt="Venus - Market Research" /></a></div>
<div class="client-info">
<div class="des-client">Sed sed mi rutrum diam tempus tempor in idligula. Integer velit turpis</div>
<div class="client-bottom"><a title="Venus - Market Research" href="#"><span class="color-client">Venus</span> - Market Research</a></div>
</div>
</div>
<div class="item">
<div class="client-image"><a title="Venus - Market Research" href="#"><img src="{{media url="wysiwyg/client-1.png"}}" alt="Venus - Market Research" /></a></div>
<div class="client-info">
<div class="des-client">Sed sed mi rutrum diam tempus tempor in idligula. Integer velit turpis</div>
<div class="client-bottom"><a title="Venus - Market Research" href="#"><span class="color-client">Venus</span> - Market Research</a></div>
</div>
</div>
<div class="item">
<div class="client-image"><a title="Venus - Market Research" href="#"><img src="{{media url="wysiwyg/client-1.png"}}" alt="Venus - Market Research" /></a></div>
<div class="client-info">
<div class="des-client">Sed sed mi rutrum diam tempus tempor in idligula. Integer velit turpis</div>
<div class="client-bottom"><a title="Venus - Market Research" href="#"><span class="color-client">Venus</span> - Market Research</a></div>
</div>
</div>
</div>
</div>
<script type="text/javascript">// <![CDATA[
jQuery(document).ready(function($) {
$('.carousel').carousel({
interval: 0,
pause: '',
wrap: true
});
});
// ]]></script>
Flapshop Info Store
Link show Backend of Flapshop Info Store
- Content Code of Flapshop Info Store:
<div class="col-md-3 col-sm-6 store-info"> <ul class="list-info"> <li class="item-info main-info"> <div class="info-content"> <h2><a title="Main office" href="#">Main office</a></h2> <div class="des-info">Sed ut perspiciatis unde omnis 123456 Street Name, Los Angeles</div> </div> </li> <li class="item-info email-info"> <div class="info-content"> <h2>Email</h2> <div class="des-info"><a class="mailto" title="Send Email" href="mailto:Support1@shopname.com">Support1@shopname.com</a><br /> <a class="mailto" title="Send Email" href="mailto:Support2@shopname.com">Support2@shopname.com</a></div> </div> </li> <li class="item-info phone-info"> <div class="info-content"> <h2>Phone</h2> <div class="des-info"><a class="call-phone" title="Call: 0123-4567-8910" href="tel:0123-4567-8910">0123-4567-8910</a><br /> <a class="call-phone" title="Call: 0123-4567-8910" href="tel:0123-4567-8910">0123-4567-8910</a></div> </div> </li> </ul> </div> <div class="col-md-3 col-sm-6 store-info"> <ul class="list-info"> <li class="item-info main-info"> <div class="info-content"> <h2><a title="Branch 01" href="#">Branch 01</a></h2> <div class="des-info">Sed ut perspiciatis unde omnis 123456 Street Name, Los Angeles</div> </div> </li> <li class="item-info email-info"> <div class="info-content"> <h2>Email</h2> <div class="des-info"><a class="mailto" title="Send Email" href="mailto:Support1@shopname.com">Support1@shopname.com</a><br /> <a class="mailto" title="Send Email" href="mailto:Support2@shopname.com">Support2@shopname.com</a></div> </div> </li> <li class="item-info phone-info"> <div class="info-content"> <h2>Phone</h2> <div class="des-info"><a class="call-phone" title="Call: 0123-4567-8910" href="tel:0123-4567-8910">0123-4567-8910</a><br /> <a class="call-phone" title="Call: 0123-4567-8910" href="tel:0123-4567-8910">0123-4567-8910</a></div> </div> </li> </ul> </div> <div class="col-md-3 col-sm-6 store-info"> <ul class="list-info"> <li class="item-info main-info"> <div class="info-content"> <h2><a title="Branch 02" href="#">Branch 02</a></h2> <div class="des-info">Sed ut perspiciatis unde omnis 123456 Street Name, Los Angeles</div> </div> </li> <li class="item-info email-info"> <div class="info-content"> <h2>Email</h2> <div class="des-info"><a class="mailto" title="Send Email" href="mailto:Support1@shopname.com">Support1@shopname.com</a><br /> <a class="mailto" title="Send Email" href="mailto:Support2@shopname.com">Support2@shopname.com</a></div> </div> </li> <li class="item-info phone-info"> <div class="info-content"> <h2>Phone</h2> <div class="des-info"><a class="call-phone" title="Call: 0123-4567-8910" href="tel:0123-4567-8910">0123-4567-8910</a><br /> <a class="call-phone" title="Call: 0123-4567-8910" href="tel:0123-4567-8910">0123-4567-8910</a></div> </div> </li> </ul> </div> <div class="col-md-3 col-sm-6 store-info"> <ul class="list-info"> <li class="item-info main-info"> <div class="info-content"> <h2><a title="Branch 03" href="#">Branch 03</a></h2> <div class="des-info">Sed ut perspiciatis unde omnis 123456 Street Name, Los Angeles</div> </div> </li> <li class="item-info email-info"> <div class="info-content"> <h2>Email</h2> <div class="des-info"><a class="mailto" title="Send Email" href="mailto:Support1@shopname.com">Support1@shopname.com</a><br /> <a class="mailto" title="Send Email" href="mailto:Support2@shopname.com">Support2@shopname.com</a></div> </div> </li> <li class="item-info phone-info"> <div class="info-content"> <h2>Phone</h2> <div class="des-info"><a class="call-phone" title="Call: 0123-4567-8910" href="tel:0123-4567-8910">0123-4567-8910</a><br /> <a class="call-phone" title="Call: 0123-4567-8910" href="tel:0123-4567-8910">0123-4567-8910</a></div> </div> </li> </ul> </div>
Flapshop – Service Bottom
Frontend
Link show Backend of Flapshop – Service Bottom
- Content Code of Flapshop – Service Bottom:
<div class="service-block service-bottom"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12"> <div class="i-con i-con-free-bottom"><a title="Free Shipping" href="#">Free Shipping</a></div> <div class="service-info"> <h2><a title="Free Shipping" href="#">Free Shipping</a></h2> <p>On orders over $99</p> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12"> <div class="i-con i-con-special"><a title="Special Gift Card" href="#">Special Gift Card</a></div> <div class="service-info"> <h2><a title="Special Gift Card" href="#">Special Gift Card</a></h2> <p>Give the perfect gift</p> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 bl-bottom"> <div class="i-con i-con-promotion"><a title="DAILY PROMOTION" href="#">DAILY PROMOTION</a></div> <div class="service-info"> <h2><a title="DAILY PROMOTION" href="#">DAILY PROMOTION</a></h2> <p>Praesent sollicitudin tincid</p> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 bl-bottom"> <div class="i-con i-con-support"><a title="support 24/07" href="#">support 24/07</a></div> <div class="service-info"> <h2><a title="support 24/07" href="#">support 24/07</a></h2> <p>Phone: 043 8471535</p> </div> </div> </div> </div> </div>
Flapshop – Most Popular Footer
Frontend
Link show Backend of Flapshop – Most Popular Footer
- Content Code of Flapshop – Most Popular Footer:
<div class="col-md-8 most-popular"> <div class="title-footer"> <h2>Most Popular on FLIPSHOP</h2> <div class="content-footer"> <div class="row"> <div class="col-md-3 col-sm-6"> <h3>Mobile</h3> <ul class="list-links"> <li><a title="Moto E" href="#">Moto E</a></li> <li><a title="Samsung Mobile" href="#">Samsung Mobile</a></li> <li><a title="Micromax Mobile" href="#">Micromax Mobile</a></li> <li><a title="Nokia Mobile" href="#">Nokia Mobile</a></li> <li><a title="HTC Mobile" href="#">HTC Mobile</a></li> <li><a title="Sony Mobile" href="#">Sony Mobile</a></li> <li><a title="Apple Mobile" href="#">Apple Mobile</a></li> <li><a title="LG Mobile" href="#">LG Mobile</a></li> <li><a title="Karbonn Mobile" href="#">Karbonn Mobile</a></li> </ul> </div> <div class="col-md-3 col-sm-6"> <h3>Camera</h3> <ul class="list-links"> <li><a title="Nikon Camera" href="#">Nikon Camera</a></li> <li><a title="Canon Camera" href="#">Canon Camera</a></li> <li><a title="Sony Camera" href="#">Sony Camera</a></li> <li><a title="Samsung Camera" href="#">Samsung Camera</a></li> <li><a title="Point shoot camera" href="#">Point shoot camera</a></li> <li><a title="Camera Lens" href="#">Camera Lens</a></li> <li><a title="Camera Tripod" href="#">Camera Tripod</a></li> <li><a title="Camera Bag" href="#">Camera Bag</a></li> </ul> </div> <div class="col-md-3 col-sm-6 clear-left"> <h3>Laptop</h3> <ul class="list-links"> <li><a title="Apple Laptop" href="#">Apple Laptop</a></li> <li><a title="Acer Laptop" href="#">Acer Laptop</a></li> <li><a title="Samsung Laptop" href="#">Samsung Laptop</a></li> <li><a title="Lenovo Laptop" href="#">Lenovo Laptop</a></li> <li><a title="Sony Laptop" href="#">Sony Laptop</a></li> <li><a title="Dell Laptop" href="#">Dell Laptop</a></li> <li><a title="Asus Laptop" href="#">Asus Laptop</a></li> <li><a title="Toshiba Laptop" href="#">Toshiba Laptop</a></li> <li><a title="LG Laptop" href="#">LG Laptop</a></li> <li><a title="HP Laptop" href="#">HP Laptop</a></li> <li><a title="Notebook" href="#">Notebook</a></li> </ul> </div> <div class="col-md-3 col-sm-6"> <h3>TVS</h3> <ul class="list-links"> <li><a title="Plasma TV" href="#">Plasma TV</a></li> <li><a title="Sony TV" href="#">Sony TV</a></li> <li><a title="Samsung TV" href="#">Samsung TV</a></li> <li><a title="LG TV" href="#">LG TV</a></li> <li><a title="Panasonic TV" href="#">Panasonic TV</a></li> <li><a title="Onida TV" href="#">Onida TV</a></li> <li><a title="Toshiba TV" href="#">Toshiba TV</a></li> <li><a title="Philips TV" href="#">Philips TV</a></li> <li><a title="Micromax TV" href="#">Micromax TV</a></li> <li><a title="LED TV" href="#">LED TV</a></li> </ul> </div> </div> </div> </div> </div>
Flapshop – About Help Footer
Frontend
Link show Backend of Flapshop – About Help Footer.
- Content Code of Flapshop – About Help Footer :
<div class="col-md-6 col-sm-6">
<div class="title-footer">
<h2>About us</h2>
</div>
<div class="content-footer">
<ul class="list-links">
<li><a title="About us" href="{{store url='about-us'}}">About us</a></li>
<li><a title="Contact us" href="{{store url='contacts/index'}}">Contact us</a></li>
<li><a title="Blog" href="{{store url='blog'}}">Blog</a></li>
<li><a title="Terms of Service" href="#">Terms of Service</a></li>
<li><a title="Privacy Policy" href="#">Privacy Policy</a></li>
<li><a title="Careers" href="#">Careers</a></li>
</ul>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="title-footer">
<h2>Help</h2>
</div>
<div class="content-footer">
<ul class="list-links">
<li><a title="FAQ" href="#">FAQs</a></li>
<li><a title="Advertise" href="#">Advertise</a></li>
<li><a title="Content Guidelines" href="#">Content Guidelines</a></li>
<li><a title="Business Support" href="#">Business Support</a></li>
<li><a title="Developers" href="#">Developers</a></li>
</ul>
</div>
</div>
Flapshop – Footer Payment
Frontend
Link show Backend of Flapshop – Footer Payment.
- Content Code of Flapshop – Footer Payment :
<div class="col-md-12 payment-wrap">
<div class="title-footer">
<h2>We Accept</h2>
</div>
<div class="content-footer">
<ul class="list-payment">
<li title="Payment 1"><img src="{{media url="wysiwyg/payment-1.png"}}" alt="Payment 1" /></li>
<li title="Payment 2"><img src="{{media url="wysiwyg/payment-2.png"}}" alt="Payment 2" /></li>
<li title="Payment 3"><img src="{{media url="wysiwyg/payment-3.png"}}" alt="Payment 3" /></li>
<li title="Payment 4"><img src="{{media url="wysiwyg/payment-4.png"}}" alt="Payment 4" /></li>
</ul>
</div>
</div>
4.5 How To Enable/Disable Social setting & Custom Copyright in admin
Frontend: Socials
Frontend: Copyright
Backend
In the Administrator page, Please navigate to System >> Configuration >> find SM Flapshop to configure the “Social setting” & “Custom Copyright” parameter as image below:
4.6 How To Edit Content of Subscription
Frontend
Note: To edit content of “Subscribe“, please go to your installation directory url : app\design\frontend\default\sm_flapshop\template\newsletter and edit footer-subscribe.phtml file.
5SUPPORT – Back to top
Thank you so much for purchasing this theme. If you have any questions that are beyond the scope of this help file, please send us via: Support Tickets System
Thanks so much!