SM Love Fashion

This guide will help you install SM Love Fashion 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 (the latest version : 1.9.2.2 , require: php 5.4 and Memory_limit no less than 256Mb)

Note: We have updated from version 1.3.1 to version 1.4.0. Moreover, this package is upgraded to Magento Version 1.9.2.2

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 ai???localhostai??? 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

  • Step 1: Extract “sm_love_fashion_theme.zip” file and Copy folders skin; app; images; media to your site root folder.
  • 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 Package tab, input Default field with the actual theme name.

  • Step 6: You can also change the settings for Header .

4CONFIGURATION – Back to top

4.1 Page Configuration

4.1.1 Homepage Default

Detailed layout of Homepage Default:


To configure this page, in the Admin Panel, navigate to CMS >> Pages. Create a new page in Page Management section.

Copy and paste the following code into the Design field:

<reference name="slideshow_homepage">
     <block type="sm_cameraslide/slide_preview" name="sm_cameraslide" as="cameraslide" ></block>
</reference>

<reference name="content-tab-one">
    <block type="tablisting/list" name="tablisting-one">
    	<action method="setConfig">
                 <values>
                         <product_category>134</product_category>
                 </values>
        </action>
     </block>
</reference>

<reference name="content-tab-two">
    <block type="tablisting/list" name="tablisting-two">
    	<action method="setConfig">
                 <values>
                         <product_category>135</product_category>
                 </values>
        </action>
     </block>
</reference>

<reference name="latestblog">
    <block type="blog/blog" name="latest-blog"  template="aw_blog/latest-blog.phtml"></block>  
</reference>

4.1.2 Homepage Style 1

To configure this page, in the Admin Panel, navigate to CMS >> Pages. Create a new page in Page Management section.

Copy and paste the following code into the Design field:

<reference name="content-tab-one">
    <block type="tablisting/list" name="tablisting-one">
    	<action method="setConfig">
                 <values>
                         <product_category>134</product_category>
                 </values>
        </action>
     </block>
</reference>

<reference name="latestblog">
    <block type="blog/blog" name="latest-blog"  template="aw_blog/latest-blog.phtml"></block>  
</reference>

4.1.3 Homepage Style 2

To configure this page, in the Admin Panel, navigate to CMS >> Pages. Create a new page in Page Management section.

Copy and paste the following code into the Design field:

<reference name="slideshow_homepage">
     <block type="sm_cameraslide/slide_preview" name="sm_cameraslide" as="cameraslide" ></block>
</reference>

<reference name="left">
    <block type="megamenu/list" name="megamenu.list.theme" as="megaMenuLeft" template="sm/megamenu/megamenu-left.phtml" before="-">
					<action method="setConfig">
						<values>  
							<group_id>3</group_id>
							<theme>2</theme>
						</values>
					</action>
			</block>

       <block type="cms/block" name="fashion-newletter-home-left">
	         <action method="setBlockId"><block_id>fashion-newletter-home-left</block_id></action>
	</block>

         <block type="cms/block" name="hot-line">
	         <action method="setBlockId"><block_id>left-img-static-home-left</block_id></action>
	</block>

        <block type="cms/block" name="hotline-img-home-left">
	         <action method="setBlockId"><block_id>hotline-img-home-left</block_id></action>
	</block>

        <block type="cms/block" name="sale-img-home-left">
	         <action method="setBlockId"><block_id>sale-img-home-left</block_id></action>
	</block>

</reference>

<reference name="content-tab-one">
    <block type="tablisting/list" name="tablisting-one-left">
    	<action method="setConfig">
                 <values>
                         <product_category>134</product_category>
                 </values>
        </action>
     </block>
</reference>

<reference name="content-tab-two">
    <block type="tablisting/list" name="tablisting-two-left">
    	<action method="setConfig">
                 <values>
                         <product_category>135</product_category>
                 </values>
        </action>
     </block>
</reference>

<reference name="latestblog">
    <block type="blog/blog" name="latest-blog"  template="aw_blog/latest-blog.phtml"></block>  
</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

Tree of Home Menu:
http://images.smartaddons.com/smartaddons/images/userguide/magento/sm-salamy/tree-home.png

Content code of Content Home as below:

<ul class="layout-web">
<li><a title="Layout Full Width" href="{{store url="?___store=english&___from_store=spain"}}">Layout Full Width</a></li>
<li><a title="Layout Boxed" href="{{store url="?___store=spain&___from_store=english"}}">Layout Boxed</a></li>
<li><a title="Left Sidebar" href="{{store url="?___store=germany&___from_store=italia"}}">Left Sidebar</a></li>
<li><a title="Home Style 1" href="{{store url="?___store=french&___from_store=english"}}">Home Style 1</a></li>
<li><a title="Home Style 2" href="{{store url="?___store=vietnam&___from_store=english"}}">Home Style 2</a></li>
</ul>

PRODUCT TYPES MENU

Frontend

Data type: category/268

To config: Go to Catalog >> Manager Categories > Basic > Display Settings > Display Mode = “Products Only”.

Tree of Product Types Menu:
http://images.smartaddons.com/smartaddons/images/userguide/magento/sm-salamy/tree-product-types.png

Note: Child product of “Product Types” below configure the same.

WOMEN MENU

Frontend

Data type: category/321

To config: Go to Catalog >> Manager Categories > Basic > Display Settings > Display Mode = “Products Only”.

Tree of Women Menu:
http://images.smartaddons.com/smartaddons/images/userguide/magento/sm-salamy/tree-women.png

Content code of “Dresses” as below & note that “Sub-Menu below configure the same with Dresses” :

<ul class="list-cat">
<li><a href="{{store url="women/dresses/cocktail.html"}}" title="Demo Category 1">Cocktail</a></li>
<li><a href="{{store url="women/dresses/evening.html"}}"  title="Demo Category 2">Evening</a></li>
<li><a href="{{store url="women/dresses/sundresses.html"}}"  title="Demo Category 3">Sundresses</a></li>
<li><a href="{{store url="women/dresses/sweater.html"}}" title="Demo Category 4">Sweater</a></li>
<li><a url="women/dresses/belts.html"}}" title="Demo Category 5">Belts</a></li>
</ul>

Content code of “Static Image” as below:

<a style="margin-left:15px; margin-top:10px; display:inline-block" href="#" title="Static Image"><img title="Static Image" src="{{media url="wysiwyg/static-image-menu.png"}}" alt="" /></a>

MENS MENU

Frontend

Data type: category/269

To config: Go to Catalog >> Manager Categories > Basic > Display Settings > Display Mode = “Products Only”.

Tree of Men Menu:
http://images.smartaddons.com/smartaddons/images/userguide/magento/sm-salamy/tree-men.png

Content code of “Clothing” as below :

<ul class="list-cat">
<li><a href="{{store url="men/clothing/coats-jackets.html"}}" title="Category 1">Coats & Jackets</a></li>
<li><a href="{{store url="men/clothing/blazers.html"}}" title="Category 2">Blazers</a></li>
<li><a href="{{store url="men/clothing/jackets.html"}}" title="Category 3">Jackets</a></li>
<li><a href="{{store url="men/clothing/raincoats.html"}}" title="Category 4">Raincoats</a></li>
</ul>

Content code of “Shoes” as below:

<ul class="list-cat">
<li><a href="{{store url="men/jeans/category-2.html"}}" title="Category 1">Ankle Boots</a></li>
<li><a href="{{store url="men/jeans/category-3.html"}}" title="Category 2">Footwear</a></li>
<li><a href="{{store url="men/jeans/clog-sandals.html"}}" title="Category 3">Clog sandals</a></li>
<li><a href="{{store url="men/jeans/combat-boots.html"}}" title="Category 4">Combat Boots</a></li>
</ul>

Content code of “Bags” as below:

<ul class="list-cat last-categories">
<li><a href="{{store url="men/bags/bootees-bags.html"}}" title="Category 1">Bootees  Bags</a></li>
<li><a href="{{store url="men/bags/blazers.html"}}" title="Category 2">Blazers</a></li>
<li><a href="{{store url="men/bags/shoes.html"}}" title="Category 3">Shoes</a></li>
<li><a href="{{store url="men/bags/jackets.html"}}" title="Category 4">Jackets</a></li>
</ul>

Content code of “Lingerie” as below:

<ul class="list-cat last-categories">
<li><a href="{{store url="men/lingerie/briefs.html"}}" title="Category 1">Briefs</a></li>
<li><a href="{{store url="men/lingerie/camis.html"}}" title="Category 2">Camis</a></li>
<li><a href="{{store url="men/lingerie/nightwear.html"}}" title="Category 3">Nightwear</a></li>
<li><a href="{{store url="men/lingerie/shapewear.html"}}" title="Category 4">Shapewear</a></li>
</ul>

BLOG MENU

Frontend

To config this page, please navigate to Catalog >> Manager Categories >> Blog category:

<reference name="content">
<block type="blog/blog" name="blog" as= "blog-list" template="aw_blog/blog.phtml">
<block type="blog/product_toolbar" name="aw_blog_list_toolbar" template="catalog/product/list/toolbar.phtml">
            <block type="page/html_pager" name="product_list_toolbar_pager"/>                   
 </block>
</block>
</reference>

<reference name="left">
            <block type="blog/menu_sidebar" name="left.blog.menu"  before="-">
                <action method="setTemplate" ifconfig="blog/menu/left">
                    <template>aw_blog/menu.phtml</template> 
                </action>
                <block type="blog/tags" name="blog_tags" />
            </block>
</reference>

ABOUT US MENU

Frontend

To config this page, please navigate to Catalog >> Manager Categories >> About Us category:

CONTACT US MENU

Frontend

To config this page, please navigate to Catalog >> Manager Categories >> Contact Us category:

<reference name="content">
            <block type="core/template" name="contactForm" template="contacts/form.phtml"/>
</reference>

4.3 Configure Extensions

I. SM Search Box Pro

  • Position: SM-SEARCHBOXPRO
  • Frontend

  • Backend
  • 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-CARTPRO
  • Frontend

  • Backend
  • To view more guide about how to install, set up and configure SM Cart Pro as you want, please click here

III. SM Camera Slider

  • Position: SM Camera Slider
  • Frontend

  • Backend
    • In the Administrator Panel page, go to SM Camera Slider >> Manage Sliders to add New Slide or Edit Slide
      • General Options of ‘Slider Index Default’ : Click here
      • Sliders of ‘Slider Index Default’: You could see the backend settings of Slide 1 as following and do the same with other slides. Click here
    • In the Administrator Panel page, go to SM Camera Slider >> Settings to configure this module: Click here
  • To view more guide about how to install, set up and configure SM Camera Slider as you want, please click here

IV. SM Deal

  • Position: SM-DEAL
  • Frontend

V. SM Tab Listing

  • Position: SM Tab listing
  • Frontend

  • Backend
  • To get this extension to show on the front page at the up top position, go to CMS >> Pages >> Homepage >> In Design Tab, please fill in Layout Update XML parameter-between tag as below:
<reference name="content-tab-one">
    <block type="tablisting/list" name="tablisting-one">
    	<action method="setConfig">
                 <values>
                         <product_category>269</product_category>
                 </values>
        </action>
     </block>
</reference>

<reference name="content-tab-two">
    <block type="tablisting/list" name="tablisting-two">
    	<action method="setConfig">
                 <values>
                         <product_category>321</product_category>
                 </values>
        </action>
     </block>
</reference>
  • To view more guide about how to install, set up and configure SM Tab listing as you want, please click here

VI. SM Slider

  • Position: SM Slider
  • Frontend

  • To view more guide about how to install, set up and configure SM Slider as you want, please click here

4.4 Configure Static Blocks

The SM Love Fashion front-page has static blocks in the Theme:

  • Banner Top Home
  • Social Fixed
  • Banner Bottom Home
  • Banner Fashion Home
  • Banner Under Tab
  • Best Sale Home
  • What Client Say
  • Description Payment Footer
  • Contact With Us Footer + Information Footer+ Customer Service Footer
  • My Account Footer + Contact Us Footer

To create static blocks, go to CMS >> Static Blocks >> Add new block

Banner Top Home

To create static blocks, go to CMS >> Static Blocks with Identifier * : “banner-top-home”

Frontend

Backend

  • Content Code of Banner Top Home:
<div class="col-md-3 col-sm-6 banner-no-padding banner-padding-left free-shipping">
<div class="banner-block-content">
<div class="content-banner-top">
<h2><a title="Free Shipping Item" href="#">Free Shipping Item</a></h2>
<p>Lorem ipsum dolor amet consectetur</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 odd-item banner-no-padding free-return">
<div class="banner-block-content">
<div class="content-banner-top">
<h2><a title="30 Days Free Return" href="#">30 days free return</a></h2>
<p>Lorem ipsum dolor amet consectetur</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 banner-no-padding cash-on-delivery">
<div class="banner-block-content">
<div class="content-banner-top">
<h2><a title="Cash On Delivery" href="#">CASH ON DELIVERY</a></h2>
<p>Lorem ipsum dolor amet consectetur</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 odd-item banner-no-padding banner-padding-right free-call">
<div class="banner-block-content">
<div class="content-banner-top">
<h2><a title="Call Us : + 0123.4567.89" href="#">Call Us : + 0123.4567.89</a></h2>
<p>Lorem ipsum dolor amet consectetur</p>
</div>
</div>
</div>

Social Fixed

Frontend

To create static blocks, go to CMS >> Static Blocks with Identifier * : “social-fixed”


Backend

  • Content Code of Social Fixed:
<div class="social-fixed">
	<div class="list-social">
		<div class="item-social item-facebook">
			<ul class="table-item">
				<li class="ic-social" title="Facebook"><img src="{{media url="wysiwyg/fb-icon-fixed.png"}}" alt="Facebook" /></li>
				<li class="text-social">Facebook</li>
			</ul>
		</div>
		<div class="item-social item-rss">
			<ul class="table-item">
				<li class="ic-social"><img src="{{media url="wysiwyg/rss-icon-fixed.png"}}" alt="RSS Feed" /></li>
				<li class="text-social">RSS Feed</li>
			</ul>
		</div>
		<div class="item-social item-twiter">
			<ul class="table-item">
				<li class="ic-social"><img src="{{media url="wysiwyg/tw-icon-fixed.png"}}" alt="Twitter" /></li>
				<li class="text-social">Twitter</li>
			</ul>
		</div>
		<div class="item-social item-tumblr">
			<ul class="table-item">
				<li class="ic-social"><img src="{{media url="wysiwyg/tumblr-icon-fixed.png"}}" alt="Tumblr" /></li>
				<li class="text-social">Tumblr</li>
			</ul>
		</div>
		<div class="item-social item-google">
			<ul class="table-item">
				<li class="ic-social"><img src="{{media url="wysiwyg/google-icon-fixed.png"}}" alt="Google Plus" /></li>
				<li class="text-social">Google Plus</li>
			</ul>
		</div>
	</div>
</div>

Banner Bottom Home

To create static blocks, go to CMS >> Static Blocks with Identifier * : “banner-bottom-home”

Frontend

Backend

  • Content Code of banner-bottom-home:
<div class="col-md-4">
<div class="content-banner-second"><a title="2014 COLLECTIONS " href="#"><img src="{{media url="wysiwyg/banner-s-1.png"}}" alt="2014 COLLECTIONS " /></a></div>
</div>
<div class="col-md-4">
<div class="content-banner-second"><a title="Armani Off 50%" href="#"><img src="{{media url="wysiwyg/banner-s-2.png"}}" alt="Armani Off 50%" /></a></div>
</div>
<div class="col-md-4">
<div class="content-banner-second"><a title="2013 COLLECTIONS" href="#"><img src="{{media url="wysiwyg/banner-s-3.png"}}" alt="2013 COLLECTIONS" /></a></div>
</div>

Banner Fashion Home

To create static blocks, go to CMS >> Static Blocks with Identifier * : “banner-fashion-home”
Frontend

Backend

  • Content Code of banner-fashion-home:
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="banner-ct"><a title="" href="#"><img src="{{media url="wysiwyg/banner1-c.png"}}" alt="" /></a></div>
</div>
<div class="col-md-4 col-center">
<div class="banner-ct"><a title="" href="#"><img src="{{media url="wysiwyg/banner2-c.png"}}" alt="" /></a> <a title="" href="#"><img src="{{media url="wysiwyg/banner3-c.png"}}" alt="" /></a></div>
</div>
<div class="col-md-4">
<div class="banner-ct"><a title="" href="#"><img src="{{media url="wysiwyg/banner4-c.png"}}" alt="" /></a></div>
</div>
</div>
</div>

Best Sale Home

To create static blocks, go to CMS >> Static Blocks with Identifier * : “best-sale-home”
Frontend

Backend

  • Content Code of best-sale-home:
<p>{{block type="basicproducts/home" name="topbestsales" template="sm/basicproducts/basic-product-home.phtml" title="Best Sale" product_source="catalog" product_category="267,268,269" product_limitation="4" product_image_height="84" product_image_width="84" product_order_by="best_sales" product_title_max_length="20" product_title_disp="1" product_rating_summary="1" product_description_disp="0" product_description_max_length="40" product_cart_or_status="0" product_addtocompare="0" product_addtowishlist="0"}}</p>

What Client Says

To create static blocks, go to CMS >> Static Blocks with Identifier * : “what-client-says”
Frontend

Backend

  • Content Code of what-client-says:
<div class="block-title"><strong> <span>What Client Says</span> </strong></div>
<div id="what-client-say" class="carousel slide"><ol class="carousel-indicators">
<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>
</ol>
<div class="slider-w">
<div class="slider-wrap-carousel">
<div class="carousel-inner">
<div class="item active">
<ul class="list-customer">
<li class="item-cus"><a class="cus-image-box" title="Jane Doe - Stylish Manager" href="#"> <img src="{{media url="wysiwyg/client-1.png"}}" alt="" /> </a>
<div class="cus-info-box">
<p class="detail-s">&ldquo; Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</p>
<p class="name-client"><a title="Jane Doe - Stylish Manager" href="#">Jane Doe - Stylish Manager</a></p>
</div>
</li>
<li class="item-cus"><a class="cus-image-box" title="Barney Schwartz - Director/Manager" href="#"> <img src="{{media url="wysiwyg/client-2.png"}}" alt="" /> </a>
<div class="cus-info-box">
<p class="detail-s">&ldquo; Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</p>
<p class="name-client"><a title="Barney Schwartz - Director/Manager" href="#">Barney Schwartz - Director/Manager</a></p>
</div>
</li>
<li class="item-cus"><a class="cus-image-box" title="Jochen Rechsteiner - Online Marketer" href="#"> <img src="{{media url="wysiwyg/client-3.png"}}" alt="" /> </a>
<div class="cus-info-box">
<p class="detail-s">&ldquo; Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</p>
<p class="name-client"><a title="Jochen Rechsteiner - Online Marketer" href="#">Jochen Rechsteiner - Online Marketer</a></p>
</div>
</li>
</ul>
</div>
<div class="item">
<ul class="list-customer">
<li class="item-cus"><a class="cus-image-box" title="N. Winckel - Stylish Manager" href="#"> <img src="{{media url="wysiwyg/client-4.png"}}" alt="" /> </a>
<div class="cus-info-box">
<p class="detail-s">&ldquo; Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</p>
<p class="name-client"><a title="N. Winckel - Stylish Manager" href="#">N. Winckel - Stylish Manager</a></p>
</div>
</li>
<li class="item-cus"><a class="cus-image-box" title="Dr. Gregory F. Maassen - Doctor" href="#"> <img src="{{media url="wysiwyg/client-5.png"}}" alt="" /> </a>
<div class="cus-info-box">
<p class="detail-s">&ldquo; Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</p>
<p class="name-client"><a title="Dr. Gregory F. Maassen - Doctor" href="#">Dr. Gregory F. Maassen - Doctor</a></p>
</div>
</li>
<li class="item-cus"><a class="cus-image-box" title="Cornelius Reeves - Ophthalmology" href="#"> <img src="{{media url="wysiwyg/client-6.png"}}" alt="" /> </a>
<div class="cus-info-box">
<p class="detail-s">&ldquo; Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</p>
<p class="name-client"><a title="Cornelius Reeves - Ophthalmology" href="#">Cornelius Reeves - Ophthalmology</a></p>
</div>
</li>
</ul>
</div>
<div class="item">
<ul class="list-customer">
<li class="item-cus"><a class="cus-image-box" title="Decio Elias - Singer" href="#"> <img src="{{media url="wysiwyg/client-7.png"}}" alt="" /> </a>
<div class="cus-info-box">
<p class="detail-s">&ldquo; Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</p>
<p class="name-client"><a title="Decio Elias - Singer" href="#">Decio Elias - Singer</a></p>
</div>
</li>
<li class="item-cus"><a class="cus-image-box" title="Jane Doe - Stylish Manager" href="#"> <img src="{{media url="wysiwyg/client-8.png"}}" alt="" /> </a>
<div class="cus-info-box">
<p class="detail-s">&ldquo; Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</p>
<p class="name-client"><a title="Jane Doe - Stylish Manager" href="#">Jane Doe - Stylish Manager</a></p>
</div>
</li>
<li class="item-cus"><a class="cus-image-box" title="Lynn Lambert - Pulmonary" href="#"> <img src="{{media url="wysiwyg/client-9.png"}}" alt="" /> </a>
<div class="cus-info-box">
<p class="detail-s">&ldquo; Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</p>
<p class="name-client"><a title="Lynn Lambert - Pulmonary" href="#">Lynn Lambert - Pulmonary</a></p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">// <![CDATA[
										jQuery(document).ready(function($) {
											$('.carousel').carousel({
												interval:   0,
												pause: '',
												wrap: true
											});	
										});
// ]]></script>

Description Payment Footer

To create static blocks, go to CMS >> Static Blocks with Identifier * : “description-payment-footer”
Frontend

Backend

  • Content Code of Description Payment Footer:
<div class="block-ft footer-contact">
<div class="content-block-footer">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequatt, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan.</div>
</div>
<div class="block-ft footer-payment">
<div class="footer-title">
<h2>Payment Method</h2>
</div>
<div class="content-block-footer"><label class="des-footer">We are using secure Paypal &amp; Money-bookers payment method. You can pay directly form your Credit Card via Moneybookers or Paypal and NEVER store your card information on our site</label>
<ul class="payment-item">
<li class="item"><img src="{{media url="wysiwyg/we-pay-icon.png"}}" alt="Payment" /></li>
<li class="item"><img src="{{media url="wysiwyg/master-cart-icon.png"}}" alt="Payment" /></li>
<li class="item"><img src="{{media url="wysiwyg/a-icon.png"}}" alt="Payment" /></li>
<li class="item"><img src="{{media url="wysiwyg/paypal-icon.png"}}" alt="Payment" /></li>
<li class="item"><img src="{{media url="wysiwyg/visa-icon.png"}}" alt="Payment" /></li>
</ul>
</div>
</div>

Footer Connect With Us

To create static blocks, go to CMS >> Static Blocks with Identifier * : “connect-with-us-footer”
Frontend

Backend

  • Content Code of connect-with-us-footer:
<div class="block-ft footer-contact">
<div class="footer-title">
<h2>Connect with Us</h2>
</div>
<div class="content-block-footer">
<ul class="right-footer-link social-footer-links">
<li class="item fb-item"><a title="Follow us on facebook" href="#">Follow us on facebook</a></li>
<li class="item tw-item"><a title="Follow us on twitter" href="#">Follow us on twitter</a></li>
<li class="item lk-item"><a title="Follow us on linkedin" href="#">Follow us on linkedin</a></li>
<li class="item rs-item"><a title="RSS feeds" href="#">RSS feeds</a></li>
</ul>
</div>
</div>

Footer Information

To create static blocks, go to CMS >> Static Blocks with Identifier * : “information-footer”
Frontend

Backend

  • Content Code of information-footer:
<div class="block-ft footer-contact">
<div class="footer-title">
<h2>Information</h2>
</div>
<div class="content-block-footer">
<ul class="right-footer-link">
<li class="item"><a title="About Us" href="{{store url="about.html"}}">About Us</a></li>
<li class="item"><a title="Terms of Use" href="#">Terms of Use</a></li>
<li class="item"><a title="Club Info and FAQ's" href="#">Club Info and FAQ's</a></li>
<li class="item"><a title="Privacy Policy" href="#">Privacy Policy</a></li>
<li class="item"><a title="Contact Us" href="{{store url="contact-us.html"}}">Contact Us</a></li>
</ul>
</div>
</div>

Customer Service

To create static blocks, go to CMS >> Static Blocks with Identifier * : “customer-service-footer”
Frontend

Backend

  • Content Code of customer-service-footer:
<div class="block-ft footer-contact">
<div class="footer-title">
<h2>Customer Service</h2>
</div>
<div class="content-block-footer">
<ul class="right-footer-link">
<li class="item"><a title="Ask in forum" href="#">Ask in forum</a></li>
<li class="item"><a title="Help Desk" href="#">Help Desk</a></li>
<li class="item"><a title="Payment Methods" href="#">Payment Methods</a></li>
<li class="item"><a title="Custom Work" href="#">Custom Work</a></li>
<li class="item"><a title="Promotions" href="#">Promotions</a></li>
</ul>
</div>
</div>

My Account

To create static blocks, go to CMS >> Static Blocks with Identifier * : “my-account-footer”
Frontend

Backend

  • Content Code of my-account-footer:
<ul class="right-footer-link">
<li class="item"><a title="View Cart" href="{{store direct_url=">View Cart</a></li>
<li class="item"><a title="My Wishlist" href="{{store direct_url=">My Wishlist</a></li>
<li class="item"><a title="Check out" href="{{store direct_url=">Check out</a></li>
<li class="item"><a title="Track My Order" href="#">Track My Order</a></li>
</ul>

Contact Us

To create static blocks, go to CMS >> Static Blocks with Identifier * : “contact-us-bottom”
Frontend

Backend

  • Content Code of contact-us-bottom:
<div class="block-ft footer-contact">
<div class="footer-title">
<h2>Contact Us</h2>
</div>
<div class="content-block-footer">
<ul class="contact-item">
<li class="item address-footer">Address : No 40 Baria Sreet 133/2 NewYork City, NY, United States</li>
<li class="item email-footer">Email : <a title="Send Email" href="mailto:supportstore@gran.com">support@salamy.com</a></li>
<li class="item phone-footer">Phone 1 : <a title="Call: 0123456789" href="tel:0123456789">0123456789</a><br />Phone 2 : <a title="Call: 0123456789" href="tel:0123456789">0123456789</a></li>
</ul>
</div>
</div>

Note: We used Blog – Community Edition extension for blog page. To install this extension, please click here.

4.5 How To Set Default Language and Currency in Magento

Please click HERE to see how to set default language and currency in Magento.

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!

×