Quantcast
Channel: MagenTech Documentation Area
Viewing all articles
Browse latest Browse all 239

SM Flapshop

$
0
0
This guide will help you install SM Flapshop themes step by step.

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 bar

To 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:

http://smartaddons.s3.amazonaws.com/images/userguide/magento/sm-flipshop/tree-electronics.png

      • Link show Electronic Menu’s backend. Please click Here to view.

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>

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>

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:

http://smartaddons.s3.amazonaws.com/images/userguide/magento/sm-flipshop/tree-men.png

      • Link show Men Menu’s backend. Please click Here to view.
        • Dropdown Wrapper: configure the same above
        • Top Links: configure the same above

Content Code of “Top Links”: configure the same above

      • Column 1: configure the same above

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>

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:

Social Settings
Facebook

  • Show Facebook – Allow to Enable/Disable Facebook
  • Facebook Name – Allow to input the name of Facebook
  • Facebook Url – Allow to input the Url of Facebook

Twitter

  • Show Twitter – Allow to Enable/Disable Twitter
  • Twitter Name – Allow to input the name of Twitter
  • Twitter Url – Allow to input the Url of Twitter

Google+

  • Show Google+ – Allow to Enable/Disable Google+
  • Google+ Name – Allow to input the name of Google+
  • Google+ Url – Allow to input the Url of Google+

Linkedin

  • Show Linkedin – Allow to Enable/Disable Linkedin
  • Linkedin Name – Allow to input the name of Linkedin
  • Linkedin Url – Allow to input the Url of Linkedin

Flickr

  • Show Flickr – Allow to Enable/Disable Flickr

Pinterest

  • Show Pinterest – Allow to Enable/Disable Pinterest
  • Pinterest Name – Allow to input the name of Pinterest
  • Pinterest Url – Allow to input the Url of Pinterest

Advanced Settings

  • Show Cpanel – Allow to Enable/Disable Cpanel
  • Show Go to Top – Allow to Enable/Disable Go to Top
  • Use Add to Cart – Allow to Enable/Disable Cart
  • Use Add to Wishlist – Allow to Enable/Disable Wishlist
  • Use Add to Compare – Allow to Enable/Disable Compare
  • Enable Custom Copyright – Allow to Enable/Disable Custom Copyright
  • Copyright – If you select “Yes”, please custom copyright here, or else “No” will display the default copyright of Magento.
  • Custom Css – Allow to custom css
  • Custom Javascript – Allow to custom Javascript

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!


Viewing all articles
Browse latest Browse all 239

Trending Articles