SM Amaz - Responsive Magento Theme


When you download theme from our store and unzip, you will be got full of main files for theme installation. They're:

INSTALLATION GUIDE

There are two ways to install a MagenTech theme:

How to install theme

How to install extensions

Magento Community Edition 1.7.x

Download: http://www.magentocommerce.com/download

Magentech provides SM Quickstart package for each template 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 (we used images of SM Glasses theme installation to illustrate for general installations - Magento Quickstart Installation - Magento Theme Installation - Magento Extension Installation):

Important notes:

  1. Do not use "localhost" in URL, otherwise you could not log in your admin (you should use your local IP if installing on your computer.).

  2. At step 3 of installation - Configuration page: Leave "Tables prefix" blank

Before you start the installation process of this theme, we recommend to back up your current live Magento files and database. If your store has not been available yet, get it quickly following Magento Installation Guide

The installation of our theme is quite simple. You just need follow steps below to get our theme ready for your Magento store:

Before you begin the SM Amaz installation process, we recommend to back up your current live Magento files and database. If your store has not been available yet, get it quickly following Magento Installation Guide

You just need following steps below to get our extensions ready for your Magento store:

Configure homepage

1. Select the homepage from CMS Pages

2. Select Homepage >> Design on the left-hand menu.

3. In the Layout Update XML box, add the code as you want, this is our demo homepage:


<reference name="content-top"><br>
<block type="blocktabs/tabs" name="yeah" template="sm/blocktabs/tabs.phtml"><br>
<br>
<block type="slideshow/list" name="tab1"><br>
<action method="setConfig"><br>
<values><br>
<theme>theme1</theme><br>
3<br>
261 <br>
100<br>
</values><br>
</action><br>
<action method="setData"><br>
block_title<br>
<value>Tablets</value><br>
</action><br>
</block><br>
<br>
<block type="slideshow/list" name="tab2"><br>
<action method="setConfig"><br>
<values><br>
<theme>theme1</theme><br>
3 <br>
262 <br>
100<br>
</values><br>
</action><br>
<action method="setData"><br>
block_title<br>
<value>Funiture</value><br>
</action><br>
</block><br>
<block type="slideshow/list" name="tab3"><br>
<action method="setConfig"><br>
<values><br>
<theme>theme1</theme><br>
3<br>
263 <br>
100<br>
</values><br>
</action><br>
<action method="setData"><br>
block_title<br>
<value>Fashion</value><br>
</action><br>
</block><br>
<block type="slideshow/list" name="tab4"><br>
<action method="setConfig"><br>
<values><br>
<theme>theme1</theme><br>
3<br>
264 <br>
100<br>
</values><br>
</action><br>
<action method="setData"><br>
block_title<br>
<value>Kids store</value><br>
</action><br>
</block><br>
</block><br>
<block type="cms/block" name="block-bannersupport"><br>
<action method="setBlockId">block-bannersupport</action><br>
</block><br>
</reference><br>
<br>
<reference name="content"> <br>
<block type="slider/list" name="slider.list" template="sm/slider/default.phtml"> <br>
<action method="setConfig"><br>
<values><br>
<br>
Featured Products<br>
138<br>
270<br>
270<br>
6<br>
1 <br>
<duration>300</duration><br>
preset01-3 preset02-3 preset03-2 preset04-1 preset05-1<br>
</values><br>
</action> <br>
</block><br>
</reference><br>
<br>
<reference name="content-bottom"><br>
<block type="blocktabs/tabs" name="yeah1" template="sm/blocktabs/tabs.phtml"> <br>
<block type="basicproducts/home" name="tab1" template="sm/basicproducts/featured.phtml"> <br>
<action method="setConfig"><br>
<values><br>
Latest Products<br>
<br>
catalog<br>
74 <br>
6<br>
270<br>
270<br>
1<br>
1<br>
1 <br>
1<br>
1<br>
1<br>
1<br>
</values><br>
</action><br>
</block><br>
<block type="basicproducts/home" name="tab2" template="sm/basicproducts/featured.phtml"><br>
<action method="setConfig"><br>
<values><br>
Popular Products<br>
<br>
catalog<br>
121<br>
name<br>
DESC<br>
6<br>
270<br>
270<br>
1<br>
1<br>
1 <br>
1<br>
1<br>
1<br>
1<br>
</values> <br>
</action><br>
</block><br>
<block type="basicproducts/home" name="tab3" template="sm/basicproducts/featured.phtml"> <br>
<action method="setConfig"><br>
<values><br>
Best Sales<br>
<br>
catalog<br>
137<br>
name<br>
10<br>
270<br>
270<br>
1<br>
1<br>
1 <br>
1<br>
1<br>
1<br>
1<br>
</values> <br>
</action><br>
</block><br>
</block><br>
<block type="cms/block" name="block-banner-freeship"><br>
<action method="setBlockId">block-banner-freeship</action><br>
</block><br>
</reference><br>
<reference name="banner-green"><br>
<block type="cms/block" name="block-banner-green"><br>
<action method="setBlockId">block-banner-green</action><br>
</block><br>
</reference><br>
<reference name="banner-blue"><br>
<block type="cms/block" name="block-banner-blue"><br>
<action method="setBlockId">block-banner-blue</action><br>
</block><br>
</reference><br>
<reference name="scrollbar"><br>
<block type="scrollbar/list" name="scrollbar"><br>
</block><br>
</reference><br>
4. Click the Save Page button.

Configure theme using admin back end

For easing the theme configuration, we has been created Cpanel in both backend and frontend, this is SM Amaz configuration in backend:

1. Under Magento admin panel, go to System >> Configuration

2. Select SM Amaz Theme on the left-hand menu

3. Tweak the theme as you want

Admin Cpanel

Configure theme using Cpanel front end

This is fontend, identical to what has in backend:

Front end Cpanel

Color Sample

4 presets to be chosen

1 Body

Background, Link and Text color

2 Header

Background image and color

3 Footer

Background image and color

4 Menu Style

3 options to be chosen: Mega, CSS or Split

5 Typography

Google Font, various font-size and font-family

 

1. Position

To replace default main menu

2. Configuration

To config General settings, module parameters, Advance, login your administrator, go to SM Mega Menu >> Configuration

configuration

3. Mega Menu Items

In order to add menu items, Go to SM Mega Menu >> Menu items Manager

You must create add new Menu Group.

The settings below belong to SM Amaz group. Other group has similar settings menu item

3.1  Laptops & Notebooks

Front-end appreance 

Backend Settings: Click here

Laptops & Notebooks Items Tree:

Code of content used in Sub categories:

<ul class="level0 custom shown-product-types">
<li class="level1 nav-1-1 first">
<a href="{{config path="web/unsecure/base_url"}}laptops-and-notebooks/sony.html" class="">
<span>Sony</span>
</a>
</li>
<li class="level1 nav-1-2">
<a href="{{config path="web/unsecure/base_url"}}laptops-and-notebooks/dell.html" class="">
<span>Dell</span>
</a>
</li>
<li class="level1 nav-1-3">
<a href="{{config path="web/unsecure/base_url"}}laptops-and-notebooks/toshiba.html" class="">
<span>Toshiba</span>
</a>
</li>
<li class="level1 nav-1-4">
<a href="{{config path="web/unsecure/base_url"}}laptops-and-notebooks/mac.html" class="">
<span>Mac</span>
</a>
</li>
<li class="level1 nav-1-5">
<a href="{{config path="web/unsecure/base_url"}}laptops-and-notebooks/hp.html" class="">
<span>HP</span>
</a>
</li>
<li class="level1 nav-1-6">
<a href="#" class="">
<span>Acer</span>
</a>
</li>
<li class="level1 nav-1-7">
<a href="#" class="">
<span>Lenovo</span>
</a>
</li>
<li class="level1 nav-1-8">
<a href="#" class="">
<span>Asus</span>
</a>
</li>
</ul>

Code of content used in Product Types:

<ul class="level0 custom shown-product-types">
<li class="level1 nav-1-1 first">
<a href="{{config path="web/unsecure/base_url"}}configurable-product.html" class="">
<span>Configurable Product</span>
</a>
</li>
<li class="level1 nav-1-2">
<a href="{{config path="web/unsecure/base_url"}}grouped-product.html" class="">
<span>Grouped Product</span>
</a>
</li>
<li class="level1 nav-1-3">
<a href="{{config path="web/unsecure/base_url"}}bundle-product.html" class="">
<span>Bundle Product</span>
</a>
</li>
<li class="level1 nav-1-4">

<a href="{{config path="web/unsecure/base_url"}}virtual-product.html" class="">

<span>Virtual Product</span>
</a>
</li>
<li class="level1 nav-1-5">
<a href="{{config path="web/unsecure/base_url"}}downloadable-product.html" class="">
<span>Downloadable Product </span>
</a>
</li>
</ul>
Code of content used in Featured products:
<div class="sm-block sm-grid">
<div class="sm-block-content">
{{block type="basicproducts/home" name="topmost" template="sm/basicproducts/mega-products.phtml"
 title=""  product_source="product" product_ids="396" product_order_by="price" num_columns="2" product_limitation="2" product_image_width="150" product_image_height="150"   product_title_max_length="20" product_title_disp="1" product_rating_summary="0" product_description_disp="0" product_cart_or_status="1"}}
</div>
</div>

3.2 Fashions Menu

Front-end appreance 

 

Backend Settings: Click here

Fashions Menu Items Tree:

Code of content used in Products:

<ul class="level0 custom shown-sub">
<li class="level1 nav-1-1 first">
<a href="{{config path="web/unsecure/base_url"}}fashion-1/jewelry.html" class="">
<span>Jewelry</span>
</a>
</li>
<li class="level1 nav-1-2">
<a href="{{config path="web/unsecure/base_url"}}fashion-1/shoes.html" class="">
<span>Shoes</span>
</a>
</li>
<li class="level1 nav-1-3">
<a href="{{config path="web/unsecure/base_url"}}fashion-1/scraf.html" class="">
<span>Scraf</span>
</a>
</li>
<li class="level1 nav-1-4">
<a href="{{config path="web/unsecure/base_url"}}fashion-1/glasses.html" class="">
<span>Glasses</span>
</a>
</li>
<li class="level1 nav-1-5">
<a href="#" class="">
<span>Accessories</span>
</a>
</li>
<li class="level1 nav-1-6">
<a href="#" class="">
<span>Clothes for men</span>
</a>
</li>
<li class="level1 nav-1-7">
<a href="#" class="">
<span>Clothes for women</span>
</a>
</li>
<li class="level1 nav-1-8">
<a href="#" class="">
<span>Bags</span>
</a>
</li>
<li class="level1 nav-1-9">
<a href="#" class="">
<span>Oanh</span>
</li>
</ul>

Code of content used in special product:

<div class="sm-block sm-grid">
<div class="sm-block-content">
{{block type="basicproducts/home" name="topmost" template="sm/basicproducts/mega-products.phtml"
 title=""  product_source="product" product_ids="475,459" product_order_by="price" num_columns="2" product_limitation="2" product_image_width="150" product_image_height="150"   product_title_max_length="20" product_title_disp="1" product_rating_summary="0" product_description_disp="0" product_cart_or_status="1"}}
</div>
</div>

3.3  Phones & PDAs Menu

Front-end appreance 

Backend Settings: Click here

Phones & PDAs Menu Items Tree:

Categories (be used for items above): Click here

3.4 Components Menu

Front-end appreance 

Backend Settings: Click here

3.5 Cameras, Furniture, Kids Store, Books, Sports, Electronics, Games Menu

Front-end appreance 

Backend Setting:

 

 

SM Amaz - Positions

1. SM Search Box

 1.1 Position

SM Search Box

1.2 Front-end appreance

1.3 Configuration:

Backend: Click here

2. SM Cart Pro

2.1 Position

SM Cart Pro

2.2 Front-end appreance

2.3 Configuration 

Backend: Click here

3. SM Block Tabs

3.1 Position: 

SM Block Tabs

3.2 Front-end appreance

SM Block Tabs combined with SM SlideShow: Click Here

SM Block Tabs combined with SM Basic Products: Click Here

3.3 Configuration

Backend of SM Block Tabs: Click here

To get this extension to show onto the front page as demo, you should see here:

5. SM Slider

5.1 Position

SM Slider

5.2 Front-end appreance

5.3 Configuration

Backend: Click here

To get this extension to show onto 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">        
	   <block type="slider/list" name="slider.list" template="sm/slider/default.phtml">      
			<action method="setConfig">
 				<values>
					<block_title></block_title>
					<slider_title_text>Featured Products</slider_title_text>
                                         <product_category>138</product_category>
                                        <product_image_width>270</product_image_width>
                                      <product_image_height>270</product_image_height>
                                       <product_limitation>6</product_limitation>
                                        <product_description_disp>1</product_description_disp>  
                                        <duration>300</duration>
                                        <deviceclass_sfx>preset01-3 preset02-3 preset03-2 preset04-1 preset05-1</deviceclass_sfx>
				</values>
			</action>      
           </block>
</reference>

 

6.SM Basic Products

6.1 Position

SM Basic Products

6.2 Front-end appreance

6.3. Configuration

Backend: Click here

To get this SM Block Tabs and SM Basic Products to show onto the front page as DEMO, go to CMS > Pages >> Homepage >> In Design tab, please fill in Layout Update XML parameter -between tag as below :


<reference name="content-bottom">
<block type="blocktabs/tabs" name="yeah1" template="sm/blocktabs/tabs.phtml">        	
			<block type="basicproducts/home" name="tab1" template="sm/basicproducts/featured.phtml"> 
			<action method="setConfig">
 				<values>
					<block_title>Latest Products</block_title>
					<title></title>
                                        <product_source>catalog</product_source>
                                        <product_category>74</product_category>				                                     
                                        <product_limitation>6</product_limitation>
					<product_image_width>270</product_image_width>
					<product_image_height>270</product_image_height>
                                       <product_title_disp>1</product_title_disp>
					<product_price_disp>1</product_price_disp>
					<product_description_disp>1</product_description_disp>                   
					<product_rating_summary>1</product_rating_summary>

					<product_cart_or_status>1</product_cart_or_status>
					<product_addtocompare>1</product_addtocompare>
					<product_addtowishlist>1</product_addtowishlist>
				</values>
			</action>
                  </block>
                 <block type="basicproducts/home" name="tab2" template="sm/basicproducts/featured.phtml">
	        		<action method="setConfig">
				<values>
					<block_title>Popular Products</block_title>
					<title></title>
                                        <product_source>catalog</product_source>
                                        <product_category>121</product_category>
					<product_order_by>name</product_order_by>

                                         <product_order_dir>DESC</product_order_dir>

                                        <product_limitation>6</product_limitation>

					<product_image_width>270</product_image_width>

					<product_image_height>270</product_image_height>

                                         <product_title_disp>1</product_title_disp>

					<product_price_disp>1</product_price_disp>

					<product_description_disp>1</product_description_disp>                   

					<product_rating_summary>1</product_rating_summary>

					<product_cart_or_status>1</product_cart_or_status>

					<product_addtocompare>1</product_addtocompare>

					<product_addtowishlist>1</product_addtowishlist>

				</values>			

        		</action>
				</block>

                 <block type="basicproducts/home" name="tab3" template="sm/basicproducts/featured.phtml"> 			
        		<action method="setConfig">
				<values>
					<block_title>Best Sales</block_title>

					<title></title>

                                        <product_source>catalog</product_source>

                                        <product_category>137</product_category>

					<product_order_by>name</product_order_by>

                                        <product_limitation>10</product_limitation>

					<product_image_width>270</product_image_width>

					<product_image_height>270</product_image_height>

                                         <product_title_disp>1</product_title_disp>

					<product_price_disp>1</product_price_disp>

					<product_description_disp>1</product_description_disp>                   

					<product_rating_summary>1</product_rating_summary>

					<product_cart_or_status>1</product_cart_or_status>

					<product_addtocompare>1</product_addtocompare>

					<product_addtowishlist>1</product_addtowishlist>
				</values>			
        		</action>
		</block>
	</block>
 <block type="cms/block" name="block-banner-freeship">
				<action method="setBlockId"><block_id>block-banner-freeship</block_id></action>
			</block>
</reference>
7. SM SlideShow
 
7.1 Position
 
SM SlideShow
 
7.2 Front-end appreance
 
7.3 Configuration

Backend Settings: Click here

 
To get this SM Block Tabs and SM SlideShow to show onto the front page as DEMO, go to CMS > Pages >> Homepage >> In Design tab, please fill in Layout Update XML parameter -between tag as below :
<reference name="content-top">

	<block type="blocktabs/tabs" name="yeah" template="sm/blocktabs/tabs.phtml">
	        <block type="slideshow/list" name="tab1">
                       <action method="setConfig">
 				<values>
					<theme>theme1</theme>

                                        <product_limitation>3</product_limitation>

                                         <product_category>261</product_category> 
                                        <product_description_max_characters>100</product_description_max_characters>
				</values>
			</action>

                       <action method="setData">

                                   <name>block_title</name>
                                   <value>Tablets</value>
                         </action>
		</block>
		<block type="slideshow/list" name="tab2">
                       <action method="setConfig">
 				<values>

					<theme>theme1</theme>
                                        <product_limitation>3</product_limitation>       

                                          <product_category>262</product_category>                             
                                        <product_description_max_characters>100</product_description_max_characters>
				</values>
			</action>
                       <action method="setData">
                                   <name>block_title</name>
                                   <value>Furniture</value>
                         </action>
		</block>
                <block type="slideshow/list" name="tab3">
                       <action method="setConfig">
 				<values>

					<theme>theme1</theme>
                                        <product_limitation>3</product_limitation>

                                        <product_category>263</product_category> 
                                        <product_description_max_characters>100</product_description_max_characters>
				</values>
			</action>



                       <action method="setData">

                                   <name>block_title</name>

                                   <value>Fashion</value>

                         </action>
		</block>

		<block type="slideshow/list" name="tab4">



                       <action method="setConfig">

 				<values>
					<theme>theme1</theme>

                                        <product_limitation>3</product_limitation>

                                        <product_category>264</product_category> 

                                        <product_description_max_characters>100</product_description_max_characters>



				</values>


			</action>


                       <action method="setData">


                                   <name>block_title</name>

                                   <value>Kids store</value>

                         </action>

		</block>
	</block>
        <block type="cms/block" name="block-bannersupport">

		<action method="setBlockId"><block_id>block-bannersupport</block_id></action>
	</block>
</reference>
8. SM Scrollbar
 
8.1 Position
 
SM Scrollbar
 
8.2 Front-end appreance
 
 
8.3 Configuration
 
Backend: Click here
 
To get this SM Block Tabs and SM Bacsic Products to show onto the front page as DEMO, go to CMS > Pages >> Homepage >> In Design tab, please fill in Layout Update XML parameter -between tag as below :
 
<reference name="scrollbar">
<block type="scrollbar/list" name="scrollbar">
</block>
</reference>
The SM Amaz front-page has static blocks in the Theme:
  • block-banersupport
  • block-news
  • block-banner-freeship
  • block-community
  • block-banner-green
  • block-banner-blue
  • block-info-footer
  • block-info-services
  • block-contact-us
  • block-twitter
  • block-payment
  • block-user5

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

1. block-banersupport

1.1.  Identifier

block-banersupport

1.2. Front-end Appearance

 
 

1.3. Backend settings: Click here

1.4. Code to display as demo

<div class="block-banner block-support"><em class="icon-support"></em>
<div class="support-info"><span>1-800-999-000</span><br />
<p>Call us Monday - Saturday: 8:30 am - 6:00 pm</p>
</div>
</div>

2. block-news

2.1.  Identifier

block-news

2.2. Front-end Appearance

 
 

2.3. Backend settings: Click here

2.4. Code to display as demo

<div class="block block-news"><em class="news-tit"></em>
<div class="block-title"><span>News</span></div>
<div class="news-content">
<ul class="list-news">
<li>
<div class="date-news fl"><span> 23 <br /> oct</span></div>
<div class="cont-news fl"><span class="news-title"> <a href="/index.php/admin/cms_wysiwyg/directive/___directive/e3tjb25maWcgcGF0aD0id2ViL3Vuc2VjdXJlL2Jhc2VfdXJsIn19/key/afe4a836e80c855e636d1cf60bc3f568/news-example">Magento theme SM Amaz </a> </span>
<div class="news-des">Fusce euismod consequat ante. Lorem dolor ...
<div class="readmore"><a href="/index.php/admin/cms_wysiwyg/directive/___directive/e3tjb25maWcgcGF0aD0id2ViL3Vuc2VjdXJlL2Jhc2VfdXJsIn19/key/afe4a836e80c855e636d1cf60bc3f568/news-example"> Read more </a></div>
</div>
</div>
</li>
<li>
<div class="date-news fl"><span> 23 <br /> oct</span></div>
<div class="cont-news fl"><span class="news-title"> <a href="/index.php/admin/cms_wysiwyg/directive/___directive/e3tjb25maWcgcGF0aD0id2ViL3Vuc2VjdXJlL2Jhc2VfdXJsIn19/key/afe4a836e80c855e636d1cf60bc3f568/news-example">Magento theme SM Amaz </a> </span>
<div class="news-des">Fusce euismod consequat ante. Lorem dolor ...
<div class="readmore"><a href="/index.php/admin/cms_wysiwyg/directive/___directive/e3tjb25maWcgcGF0aD0id2ViL3Vuc2VjdXJlL2Jhc2VfdXJsIn19/key/afe4a836e80c855e636d1cf60bc3f568/news-example"> Read more </a></div>
</div>
</div>
</li>
<li>
<div class="date-news fl"><span> 22 <br /> oct</span></div>
<div class="cont-news fl"><span class="news-title"> <a href="/index.php/admin/cms_wysiwyg/directive/___directive/e3tjb25maWcgcGF0aD0id2ViL3Vuc2VjdXJlL2Jhc2VfdXJsIn19/key/afe4a836e80c855e636d1cf60bc3f568/news-example">Magento theme SM Amaz </a> </span>
<div class="news-des">Fusce euismod consequat ante. Lorem dolor ...
<div class="readmore"><a href="/index.php/admin/cms_wysiwyg/directive/___directive/e3tjb25maWcgcGF0aD0id2ViL3Vuc2VjdXJlL2Jhc2VfdXJsIn19/key/afe4a836e80c855e636d1cf60bc3f568/news-example"> Read more </a></div>
</div>
</div>
</li>
<li>
<div class="date-news fl"><span> 23 <br /> oct</span></div>
<div class="cont-news fl"><span class="news-title"> <a href="/index.php/admin/cms_wysiwyg/directive/___directive/e3tjb25maWcgcGF0aD0id2ViL3Vuc2VjdXJlL2Jhc2VfdXJsIn19/key/afe4a836e80c855e636d1cf60bc3f568/news-example">Magento theme SM Amaz </a> </span>
<div class="news-des">Fusce euismod consequat ante. Lorem dolor ...
<div class="readmore"><a href="/index.php/admin/cms_wysiwyg/directive/___directive/e3tjb25maWcgcGF0aD0id2ViL3Vuc2VjdXJlL2Jhc2VfdXJsIn19/key/afe4a836e80c855e636d1cf60bc3f568/news-example"> Read more </a></div>
</div>
</div>
</li>
</ul>
</div>
</div>
3. block-banner-freeship
 
3.1.  Identifier
 
block-banner-freeship
 
3.2. Front-end Appearance
 
 
3.3. Backend settings: Click here
 
3.4. Code to display as demo
<div class="block-banner block-freeship"><em class="icon-freeship"></em>
<div class="freeship"><span>Free Shipping</span><br /> On Orders Over $ 999</div>
</div>
4. block-community
 
4.1.  Identifier
 
block-community
 
4.2. Front-end Appearance
 
 
4.3. Backend settings: Click here
 
4.4. Code to display as demo
<div class="block block-community"><br>
<ul><br>
<li class="community-fb"><a class="icon-facebook" href="http://www.facebook.com/MagenTech" mce_href="http://www.facebook.com/MagenTech"></a><br mce_bogus="1"></li><br>
<li class="community-rss"><a class="icon-rss" href="/{{config path=" mce_href="/{{config path="></a><br mce_bogus="1"></li><br>
<li class="community-youtube"><a class="icon-youtube" href="#" mce_href="#"></a><br mce_bogus="1"></li><br>
<li class="community-twitter"><a class="icon-twitter" href="https://twitter.com/magentech" mce_href="https://twitter.com/magentech"></a><br mce_bogus="1"></li><br>
</ul><br>
</div>
5. block-banner-green
 
5.1.  Identifier
 
block-banner-green
 
5.2. Front-end Appearance
 
 
5.3. Backend settings: Click here
 
5.4. Code to display as demo
<div class="block block-banner-green">
<h1 class="product-tit">Lorem ipsum dolor</h1>
<span class="brief clearfix"> 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... </span>
<div class="off clearfix"><span>Sale off 20 %</span></div>
<img title="" src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL2ltZy1wcm8tc2FsZW9mZi5wbmcifX0,/key/afe4a836e80c855e636d1cf60bc3f568/" alt="" width="291" height="331" /></div>
6. block-banner-blue
 
6.1.  Identifier
 
block-banner-blue
 
6.2. Front-end Appearance
 
 
6.3. Backend settings: Click here
 
6.4. Code to display as demo
<div class="block block-banner-blue">
<h1 class="product-tit">Lorem ipsum dolor</h1>
<img title="" src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL2ltZy1wcm8tc2FsZW9mZjEucG5nIn19/key/afe4a836e80c855e636d1cf60bc3f568/" alt="" width="179" height="188" />
<div class="brief">Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed ...</div>
<div class="off"><span>Sale off 25 %</span></div>
</div>
7. block-info-footer
 
 
7.1.  Identifier
 
block-info-footer
 
7.2. Front-end Appearance
 
7.3. Backend settings: Click here
 
7.4. Code to display as demo
<div class="block-footer-content">
<div class="block-title-footer">Information</div>
<div class="block-content-info">
<ul>
<li class="nav-item"><a href="/index.php/admin/cms_wysiwyg/directive/___directive/e3tjb25maWcgcGF0aD0id2ViL3Vuc2VjdXJlL2Jhc2VfdXJsIn19/key/afe4a836e80c855e636d1cf60bc3f568/contacts">Contact</a></li>

<li class="nav-item"><a href="/index.php/admin/cms_wysiwyg/directive/___directive/e3tjb25maWcgcGF0aD0id2ViL3Vuc2VjdXJlL2Jhc2VfdXJsIn19/key/afe4a836e80c855e636d1cf60bc3f568/catalog/seo_sitemap/category/">Sitemap</a></li>
<li class="nav-item"><a href="#">Legal Notice</a></li>
<li class="nav-item"><a href="#">Terms and Conditions</a></li>
<li class="nav-item"><a href="/index.php/admin/cms_wysiwyg/directive/___directive/e3tjb25maWcgcGF0aD0id2ViL3Vuc2VjdXJlL2Jhc2VfdXJsIn19/key/afe4a836e80c855e636d1cf60bc3f568/about-us">About Us</a></li>
</ul>
</div>
</div>
8. block-info-services
 
8.1.  Identifier
 
block-info-services
 
8.2. Front-end Appearance
 
 
8.3. Backend settings: Click here
 
8.4. Code to display as demo
<div class="block-footer-content">
<div class="block-title-footer">Why Choose Us</div>
<div class="block-content-info">
<ul>
<li class="nav-item"><a href="# ">Shipping &amp; Returns</a></li>

<li class="nav-item"><a href="#">Secure Shopping</a></li>

<li class="nav-item"><a href="#">International Shipping</a></li>

<li class="nav-item"><a href="#">Affiliates</a></li>

<li class="nav-item"><a href="#">Group Sales</a></li>
</ul>
</div>
</div>
9. block-contact-us
 
9.1.  Identifier
 
block-contact-us
 
9.2. Front-end Appearance
 
 
9.3. Backend settings: Click here
 
9.4. Code to display as demo
<div class="block-footer-content">
<div class="block-title-footer">Contact us</div>
<div class="block-content-info">
<ul>
<ul>
<li><span>Add 1</span> : 40th Street, Oakland, California, United States</li>
<li><span>Add 2</span> : 70th Street, Oakland, California, United States</li>
</ul>
</ul>
<br />
<ul>
<ul>
<li><span>Phone : </span>(084) - 00 - 12345678</li>
<li class="phone">(084) - 00 - 12345678</li>

</u
</ul>
<br/>
<ul>
<li><span>Email</span> : <a href="mailto:contact@ytcvn.com">contact@ytcvn.com</a></li>
</ul>
</div>
</div>
10. block-twitter
 
10.1.  Identifier
 
block-news
 
10.2. Front-end Appearance
 
 
10.3. Backend settings: Click here
 
10.4. Code to display as demo
<p><a class="twitter-timeline" href="https://twitter.com/MagenTech" data-widget-id="334892754301755392" data-tweet-limit="2" data-link-color="#6CBE42" data-chrome="noheader nofooter noborders transparent " data-theme="dark">Tweets by @MagenTech</a></p>

<script type="text/javascript">// <![CDATA[

!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
// ]]></script>
11. block-payment
 
11.1.  Identifier
 
block-payment
 
11.2. Front-end Appearance
 
 
11.3. Backend settings: Click here
 
11.4. Code to display as demo
<p><a href="#"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL3BheW1lbnQvbG9nby1lZ29sZC5wbmcifX0,/key/afe4a836e80c855e636d1cf60bc3f568/" alt="image" /> </a> <a href="#"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL3BheW1lbnQvbG9nby1kZWx0YS5wbmcifX0,/key/afe4a836e80c855e636d1cf60bc3f568/" alt="image" /> </a> <a href="#"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL3BheW1lbnQvbG9nby12aXNhLnBuZyJ9fQ,,/key/afe4a836e80c855e636d1cf60bc3f568/" alt="image" /><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL3BheW1lbnQvbG9nby1tYXN0ZXIucG5nIn19/key/afe4a836e80c855e636d1cf60bc3f568/" alt="image" /> </a></p>
12. block-user5
 
12.1.  Identifier
 
block-user5
 
12.2. Front-end Appearance
 
 
12.3. Backend settings: Click here
 
12.4. Code to display as demo
<div class="block block-newsletter">
<div class="newsletter-title"><em class="newsletter-tit"></em> <span>Get deal</span></div>
<div class="block-content-info"><form id="newsletter-validate-detail" action="newsletter/subscriber/new/" method="post">

<p>Get exclusive deal offers delivered right to your inbox</p>

<div class="input-box"><input id="newsletter" class="input-text required-entry validate-email" title="Sign up for our newsletter" onfocus="if(this.value=='Enter your email...') this.value='';" onblur="if(this.value=='') this.value='Enter your email...';" type="text" name="email" value="Enter your email..." />

<div class="actions"><button class="button" type="button"><span>&nbsp;</span></button></div>
</div>
</form></div>
</div>

 Home Page

To config this page, please navigate to CMS >> Pages, create Home page, navigate to tab Design and update with the following settings:

PHP Code:

<reference name="content-top">
<block type="blocktabs/tabs" name="yeah" template="sm/blocktabs/tabs.phtml">

<block type="slideshow/list" name="tab1">
<action method="setConfig">
<values>
<theme>theme1</theme>
<product_limitation>3</product_limitation>
<product_category>261</product_category>
<product_description_max_characters>100</product_description_max_characters>
</values>
</action>
<action method="setData">
<name>block_title</name>
<value>Tablets</value>
</action>
</block>

<block type="slideshow/list" name="tab2">
<action method="setConfig">
<values>
<theme>theme1</theme>
<product_limitation>3</product_limitation>
<product_category>262</product_category>
<product_description_max_characters>100</product_description_max_characters>
</values>
</action>
<action method="setData">
<name>block_title</name>
<value>Furniture</value>
</action>
</block>
<block type="slideshow/list" name="tab3">
<action method="setConfig">
<values>
<theme>theme1</theme>
<product_limitation>3</product_limitation>
<product_category>263</product_category>
<product_description_max_characters>100</product_description_max_characters>
</values>
</action>
<action method="setData">
<name>block_title</name>
<value>Fashion</value>
</action>
</block>
<block type="slideshow/list" name="tab4">
<action method="setConfig">
<values>
<theme>theme1</theme>
<product_limitation>3</product_limitation>
<product_category>264</product_category>
<product_description_max_characters>100</product_description_max_characters>
</values>
</action>
<action method="setData">
<name>block_title</name>
<value>Kids store</value>
</action>
</block>
</block>
<block type="cms/block" name="block-bannersupport">
<action method="setBlockId"><block_id>block-bannersupport</block_id></action>
</block>
</reference>

<reference name="content">
<block type="slider/list" name="slider.list" template="sm/slider/default.phtml">
<action method="setConfig">
<values>
<block_title></block_title>
<slider_title_text>Featured Products</slider_title_text>
<product_category>138</product_category>
<product_image_width>270</product_image_width>
<product_image_height>270</product_image_height>
<product_limitation>6</product_limitation>
<product_description_disp>1</product_description_disp>
<duration>300</duration>
<deviceclass_sfx>preset01-3 preset02-3 preset03-2 preset04-1 preset05-1</deviceclass_sfx>
</values>
</action>
</block>
</reference>

<reference name="content-bottom">
<block type="blocktabs/tabs" name="yeah1" template="sm/blocktabs/tabs.phtml">
<block type="basicproducts/home" name="tab1" template="sm/basicproducts/featured.phtml">
<action method="setConfig">
<values>
<block_title>Latest Products</block_title>
<title></title>
<product_source>catalog</product_source>
<product_category>74</product_category>
<product_limitation>6</product_limitation>
<product_image_width>270</product_image_width>
<product_image_height>270</product_image_height>
<product_title_disp>1</product_title_disp>
<product_price_disp>1</product_price_disp>
<product_description_disp>1</product_description_disp>
<product_rating_summary>1</product_rating_summary>
<product_cart_or_status>1</product_cart_or_status>
<product_addtocompare>1</product_addtocompare>
<product_addtowishlist>1</product_addtowishlist>
</values>
</action>
</block>
<block type="basicproducts/home" name="tab2" template="sm/basicproducts/featured.phtml">
<action method="setConfig">
<values>
<block_title>Popular Products</block_title>
<title></title>
<product_source>catalog</product_source>
<product_category>121</product_category>
<product_order_by>name</product_order_by>
<product_order_dir>DESC</product_order_dir>
<product_limitation>6</product_limitation>
<product_image_width>270</product_image_width>
<product_image_height>270</product_image_height>
<product_title_disp>1</product_title_disp>
<product_price_disp>1</product_price_disp>
<product_description_disp>1</product_description_disp>
<product_rating_summary>1</product_rating_summary>
<product_cart_or_status>1</product_cart_or_status>
<product_addtocompare>1</product_addtocompare>
<product_addtowishlist>1</product_addtowishlist>
</values>
</action>
</block>
<block type="basicproducts/home" name="tab3" template="sm/basicproducts/featured.phtml">
<action method="setConfig">
<values>
<block_title>Best Sales</block_title>
<title></title>
<product_source>catalog</product_source>
<product_category>137</product_category>
<product_order_by>name</product_order_by>
<product_limitation>10</product_limitation>
<product_image_width>270</product_image_width>
<product_image_height>270</product_image_height>
<product_title_disp>1</product_title_disp>
<product_price_disp>1</product_price_disp>
<product_description_disp>1</product_description_disp>
<product_rating_summary>1</product_rating_summary>
<product_cart_or_status>1</product_cart_or_status>
<product_addtocompare>1</product_addtocompare>
<product_addtowishlist>1</product_addtowishlist>
</values>
</action>
</block>
</block>
<block type="cms/block" name="block-banner-freeship">
<action method="setBlockId"><block_id>block-banner-freeship</block_id></action>
</block>
</reference>
<reference name="banner-green">
<block type="cms/block" name="block-banner-green">
<action method="setBlockId"><block_id>block-banner-green</block_id></action>
</block>
</reference>
<reference name="banner-blue">
<block type="cms/block" name="block-banner-blue">
<action method="setBlockId"><block_id>block-banner-blue</block_id></action>
</block>
</reference>
<reference name="scrollbar">
<block type="scrollbar/list" name="scrollbar">
</block>
</reference>

Support from MagenTech will be defined as following:

Item support includes:

Item support does not include:

Installation Services-Quickstart installation services cost $25:

That's it. Now you are ready for using!

Once again, thank you so much for purchasing this theme. As we said at the beginning, we would be glad to help you if you have any questions relating to this theme. No guarantees, but we'll do the best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the our ticket system and send support request via Support Tickets System.

Thanks so much!