<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Magento Theme Installation </title>
<link href="files/css/style.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<script src="files/js/jquery.1.7.1.js"></script>
<script src="files/js/jquery.scrollTo-1.4.2-min.js"></script>
<script>document.createElement('section');var duration=500,easing='swing';</script>
<script src="files/js/custom.js"></script>

<script type="text/javascript">

		
			function selectall(xyz,id)
			{
			  	// $(xyz).toggleClass("active");
			   // document.getElementById(id).focus();
			
			   $(xyz).toggleClass("active");
			   if ($(xyz).hasClass('active')) {
			   		document.getElementById(id).select();
			   }else{
			   		document.getElementById(id).unselect();
			   }
			  
			}
			
</script>

</head>
<body style="line-height:20px;">
<div class="left">
  <div class="logo"><img src="files/images/logo.png" alt="Templatemela"/></div>
  <ul class="menu">
    <li><a href="#Templatemela">Start</a></li>
    <li class="toclevel-1"> <a href="#installation"><span class="toctext">Step 1: Installation</span></a></li>
	<li class="toclevel-1"> <a href="#activetheme"><span class="toctext">Step 2: Activate Theme</span></a></li>
	<li class="toclevel-1"> <a href="#homepagesetting"><span class="toctext">Step 3: Home page Setting</span></a></li>
	<li class="toclevel-1"><a href="#extrasetting"><span class="toctext">Step 4: Settings ( Magento v1.9.2.x )</span></a></li>
	<li class="toclevel-1"> <a href="#staticblock"><span class="toctext">Step 5: Static Block Setting</span></a></li>
	<li class="toclevel-1"><a href="#morehelp"><span class="toctext">Need More Help?</span></a></li>
</ul>

</div>
<div class="right">
	<h2 style="padding-top:71px; text-align:center; border:none; font-size:20px;"><span style="font-size:35px; font-weight:bold">Smart Elect Magento Theme</span>  <span class="theme_id" style="color:black; font-size:17px;">(MAG100226_3)</span></h2>
  <h2 style="padding-top:30px; border:none;" id="Templatemela">Magento Theme Installation Help</h2>  
  <div class="col2-head">
		<div class="col2-1">
			<p>Thank you for purchasing theme from Themeforest. If you have any questions, please feel free to contact us via our support form <a href="https://www.templatemela.com/support/">https://www.templatemela.com/support</a>. Thanks again for your purchase.</p>
		</div>
		<div class="col2-2">
		<p>
			Support email: <a href="mailto:support@templatemela.com">support@templatemela.com</a>
		</p>
	 	</div>
   </div>

  <div class="clear"></div>
  
  <h2 id="installation" style="padding-top:30px;">Step 1: Installation</h2>
	<div class="containers">
		<ul>
		<li class="arrowimg">Extract the zip file<!-- using Winzip or Winrar or MAC unarchive-->.</li>
		</ul>
		<ul>
			<li class="arrowimg">You can download your theme package from "My downloads" on Themeforest. Copy the directories from "Magento Files" (provided in to ZIP file) to your magento root Directory , so your theme path will be<br />
				<strong>app/code/local</strong><br />
				<strong>app/etc/modules</strong><br />
				<strong>app/design/frontend/templatemela/MAG100226_3</strong><br />
				<strong>skin/frontend/templatemela/MAG100226_3</strong><br />
				<strong>js/megnor</strong> 
			</li>
		</ul><br />
	</div>
  <div class="containers">
	<!-- ====================== Start Active Theme Setting=============== -->
	
	<h2 id="activetheme" style="padding-top:40px;">Step 2: Activate Theme </h2>
	Now we have to set our Template from Admin panel<br />
	There are two methods to set Template Design from Admin panel.<br />
	<strong>Method 1: </strong>
		Under Admin Panel > System > Design > Click on <strong>Add Design Change</strong> button .
		<a href="files/add_design_chnage.jpg"><img style="padding-right:15px;" src="files/add_design_chnage.jpg" /></a> <br />
	From Custom Design Drop down Select <strong>MAG100226_3</strong> and click on <strong>Save</strong> Button.<br />
	<br /><a href="files/selectthememethod1.png">
		<img width="800" style="padding-right:15px;" src="files/selectthememethod1.png" />
	</a><br /><br />
	<strong>Method 2: </strong>
	Under Admin Panel > System > Configuration > Design > Themes <br />
	Put <strong>MAG100226_3</strong> into Templates, Skin (Images / CSS), Layout and Default
	<br /><br /><a href="files/ThemeSelection1.png">
	<img width="800"   style="padding-right:15px;" src="files/ThemeSelection1.png" />
	</a>
	
	<!-- ====================== End Active Theme Setting=============== -->
					
					
	<!-- ====================== Start Home page Setting=============== -->
	<h2 id="homepagesetting" style="padding-top:30px;">Step 3: Homepage Setting</h2>
	<ul>
		<li class="arrowimg">You have to set Homepage Layout from Admin panel.</li>
	</ul>
	 Goto Admin panel > CMS > Pages > <strong>home </strong> (select home as URL Key). <br />
Select <strong>Design</strong> from lefthand side > Page Layout, Select  "1 column"  from Layout Drop Down. <br />
	  <br /><a href="files/homepagelayout1.png">
		<img width="800"  style="padding-right:15px;" src="files/homepagelayout1.png" />
	 </a> <br /><br />
	 
	 <div><button class="selectall" onclick="selectall(this,'homedesign')"><span>Un</span>Selectall	</button></div>
	 
	    <textarea class="box_content" id="homedesign">
&lt;reference name="home_content"&gt;

&lt;block type="cms/block" name="tm_slider" as="tm_slider" &gt;
&lt;action method="setBlockId"&gt;&lt;block_id&gt;tm_slider&lt;/block_id&gt;&lt;/action&gt;
&lt;/block&gt;

&lt;block type="cms/block" name="tm_quick_access_cms" as="tm_quick_access_cms" &gt;
&lt;action method="setBlockId"&gt;&lt;block_id&gt;tm_quick_access_cms&lt;/block_id&gt;&lt;/action&gt;
&lt;/block&gt;

&lt;block type="cms/block" name="tm_homepage_banner_cms" as="tm_homepage_banner_cms" &gt;
&lt;action method="setBlockId"&gt;&lt;block_id&gt;tm_homepage_banner_cms&lt;/block_id&gt;&lt;/action&gt;
&lt;/block&gt;

&lt;block type="cms/block" name="tm_Cetegory_Products_CMS" as="tm_Cetegory_Products_CMS" &gt;
&lt;action method="setBlockId"&gt;&lt;block_id&gt;tm_Cetegory_Products_CMS&lt;/block_id&gt;&lt;/action&gt;
&lt;/block&gt;

&lt;block type="cms/block" name="tm_homepage_cms_banner" as="tm_homepage_cms_banner" &gt;
&lt;action method="setBlockId"&gt;&lt;block_id&gt;tm_homepage_cms_banner&lt;/block_id&gt;&lt;/action&gt;
&lt;/block&gt;

&lt;block type="cms/block" name="tm_featuredproducts_CMS" as="tm_featuredproducts_CMS" &gt;
&lt;action method="setBlockId"&gt;&lt;block_id&gt;tm_featuredproducts_CMS&lt;/block_id&gt;&lt;/action&gt;
&lt;/block&gt;

&lt;block type="cms/block" name="tm_homepage_category_banner_CMS" as="tm_homepage_category_banner_CMS" &gt;
&lt;action method="setBlockId"&gt;&lt;block_id&gt;tm_homepage_category_banner_CMS&lt;/block_id&gt;&lt;/action&gt;
&lt;/block&gt;

&lt;block type="cms/block" name="tm_tab_Products_CMS" as="tm_tab_Products_CMS" &gt;
&lt;action method="setBlockId"&gt;&lt;block_id&gt;tm_tab_Products_CMS&lt;/block_id&gt;&lt;/action&gt;
&lt;/block&gt;

&lt;block type="cms/block" name="tm_blogs" as="tm_blogs" &gt;
&lt;action method="setBlockId"&gt;&lt;block_id&gt;tm_blogs&lt;/block_id&gt;&lt;/action&gt;
&lt;/block&gt;

&lt;block type="cms/block" name="tm_newsletter" as="tm_newsletter" &gt;
&lt;action method="setBlockId"&gt;&lt;block_id&gt;tm_newsletter&lt;/block_id&gt;&lt;/action&gt;
&lt;/block&gt;

&lt;/reference&gt;

	</textarea>
	
	 <br />
	 
	  and Under Content > Content box, Show/Hide Editor and in HTML write below code.<br /><br />
	   <a href="files/homepagelayout2.png">
<img width="800" height="400"  style="padding-right:15px;" src="files/homepagelayout2.png" />
		</a>
		<br /><br />
		 <div><button class="selectall" onclick="selectall(this,'homedesign1')"><span>Un</span>Selectall	</button></div>
	    <textarea class="box_content" id="homedesign1">
&lt;p&gt;&lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;
		</textarea>
	
	<!-- ====================== End Home page Setting=============== -->
					
	<!-- ======================Start  Extra Setting=============== -->
					 
	<h2 id="extrasetting" style="padding-top:30px;">Step 4: Extra Settings</h2>
	<h3>NOTE : If you have installed magento 1.9.2.x then use this settings to display some blocks on frontend</h3><br/>
	<span>Step 1 : </span><span>Go to System > Permissions > Blocks</span><br/>
	<span>STep 2 : </span><span>Add New Block</span><br/><br/>
	
	<span>Block Name : </span><span><strong>featuredproducts/listing</strong></span><br/>
	<span>Is Alowed  : </span><span>Yes</span><br/>
	Click on <strong>"Save Block"</strong> Button<br/><br/>
	
	<span>Block Name : </span><span><strong>newproducts/newproductslist</strong></span><br/>
	<span>Is Alowed  : </span><span>Yes</span><br/>
	Click on <strong>"Save Block"</strong> Button<br/><br/>
	
	<span>Block Name : </span><span><strong>bestseller/bestsellerlist</strong></span><br/>
	<span>Is Alowed  : </span><span>Yes</span><br/>
	Click on <strong>"Save Block"</strong> Button<br/><br/>
	
	<span>Block Name : </span><span><strong>specialproducts/specialproductslist</strong></span><br/>
	<span>Is Alowed  : </span><span>Yes</span><br/>
	Click on <strong>"Save Block"</strong> Button<br/><br/>
	
	<span>Block Name : </span><span><strong>catalog/product_list</strong></span><br/>
	<span>Is Alowed  : </span><span>Yes</span><br/>
	Click on <strong>"Save Block"</strong> Button<br/><br/>
	
	<span>Block Name : </span><span><strong>manufacturer/manufacturer</strong></span><br/>
	<span>Is Alowed  : </span><span>Yes</span><br/>
	Click on <strong>"Save Block"</strong> Button<br/><br/>

	<span>Block Name : </span><span><strong>newsletter/subscribe</strong></span><br/>
	<span>Is Alowed  : </span><span>Yes</span><br/>
	Click on <strong>"Save Block"</strong> Button<br/><br/>
				
	<!-- ======================End  Extra Setting=============== -->
					 
	<h2 id="staticblock" style="padding-top:30px;">Step 5: Static Block Settings</h2>
	<ul>
	<li class="arrowimg">You have to Create Below Static Block from Admin panel.</li>
	</ul>
			
		<!--======= 1 ============ -->
	<div class="static_block_main">
	   <strong>1) Create static Block for Easy Access Links.</strong><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail.<br />  
				Block Title :- tm_quick_access_cms<br />  
				Identifier :- <b>tm_quick_access_cms</b><br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content:
		</div>
				
			<div><button onclick="selectall(this,'staticblock1')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock1">
&lt;div class="easy-access-cms"&gt;
&lt;div class="container-width"&gt;
&lt;div class="easy-access"&gt;&lt;span class="heading"&gt;Easy Access :&lt;/span&gt;&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="#"&gt;Trending Items&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Deal Of The Day&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Special Discount&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Featured Items&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Offer Zone&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;	
	</textarea>		
			and Click on <strong>"Save Block"</strong> Button.	
	</div>

	<!--======= 2 ============ -->
	<div class="static_block_main">
	   <strong>2) Create static Block for Home Page Slideshow.</strong><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail.<br />  
				Block Title :- tm_slider<br />  
				Identifier :- <b>tm_slider</b><br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content:
		</div>
				
			<div><button onclick="selectall(this,'staticblock2')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock2">
&lt;div class="subbanner-cms"&gt;
&lt;div class="container-width"&gt;
&lt;div class="upper"&gt;
&lt;div class="subbanner1 banner"&gt;
&lt;div class="banner-inner"&gt;
&lt;div class="sub-banner-inner"&gt;
&lt;div class="banner-text1"&gt;PC &amp;amp; mobile&lt;/div&gt;
&lt;div class="banner-text2"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a&gt;Mobile Bettery&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a&gt;Acer Laptop&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a&gt;Sationary Items&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a&gt;Computer&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class="banner-text3"&gt;&lt;a href="#"&gt;View All&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="banner-img"&gt;&lt;a href="#"&gt; &lt;img alt="Subbanner1" class="img-respo" src="{{skin url=images/banners/Sub-banner-1.png}}" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="subbanner2 banner"&gt;
&lt;div class="banner-inner"&gt;
&lt;div class="sub-banner-inner"&gt;
&lt;div class="banner-text1"&gt;CCTV Camera&lt;/div&gt;
&lt;div class="banner-text2"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a&gt;Mobile Bettery&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a&gt;Acer Laptop&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a&gt;Sationary Items&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a&gt;Computer&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class="banner-text3"&gt;&lt;a href="#"&gt;View All&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="banner-img"&gt;&lt;a href="#"&gt; &lt;img alt="Subbanner2" class="img-respo" src="{{skin url=images/banners/Sub-banner-2.png}}" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="subbanner3 banner"&gt;
&lt;div class="banner-inner"&gt;
&lt;div class="sub-banner-inner"&gt;
&lt;div class="banner-text1"&gt;Headphone&lt;/div&gt;
&lt;div class="banner-text2"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a&gt;Mobile Bettery&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a&gt;Acer Laptop&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a&gt;Sationary Items&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a&gt;Computer&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class="banner-text3"&gt;&lt;a href="#"&gt;View All&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="banner-img"&gt;&lt;a href="#"&gt; &lt;img alt="Subbanner3" class="img-respo" src="{{skin url=images/banners/Sub-banner-3.png}}" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;	
	</textarea>		
			and Click on <strong>"Save Block"</strong> Button.	
	</div>	
	
	
	<!--======= 3 ============ -->
	 <div class="static_block_main">
	   <strong>3) Create Static Block for Homepage Banner CMS.</strong><br /><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_homepage_banner_cms<br />  
				Identifier :- <b>tm_homepage_banner_cms</b> <br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
		</div>		
				<div><button onclick="selectall(this,'staticblock3')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock3">
&lt;div class="subbanner-cms"&gt;
&lt;div class="container-width"&gt;
&lt;div class="upper"&gt;
&lt;div class="subbanner1 banner"&gt;
&lt;div class="banner-inner"&gt;
&lt;div class="sub-banner-inner"&gt;
&lt;div class="banner-text1"&gt;PC &amp;amp; mobile&lt;/div&gt;
&lt;div class="banner-text2"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a&gt;Mobile Bettery&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a&gt;Acer Laptop&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a&gt;Sationary Items&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a&gt;Computer&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class="banner-text3"&gt;&lt;a href="#"&gt;View All&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;a href="#"&gt; &lt;img alt="Subbanner1" class="img-respo" src="{{skin url=images/banners/Sub-banner-1.png}}" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="subbanner2 banner"&gt;
&lt;div class="banner-inner"&gt;
&lt;div class="sub-banner-inner"&gt;
&lt;div class="banner-text1"&gt;CCTV Camera&lt;/div&gt;
&lt;div class="banner-text2"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a&gt;Mobile Bettery&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a&gt;Acer Laptop&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a&gt;Sationary Items&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a&gt;Computer&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class="banner-text3"&gt;&lt;a href="#"&gt;View All&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;a href="#"&gt; &lt;img alt="Subbanner2" class="img-respo" src="{{skin url=images/banners/Sub-banner-2.png}}" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="subbanner3 banner"&gt;
&lt;div class="banner-inner"&gt;
&lt;div class="sub-banner-inner"&gt;
&lt;div class="banner-text1"&gt;Headphone&lt;/div&gt;
&lt;div class="banner-text2"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a&gt;Mobile Bettery&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a&gt;Acer Laptop&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a&gt;Sationary Items&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a&gt;Computer&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class="banner-text3"&gt;&lt;a href="#"&gt;View All&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;a href="#"&gt; &lt;img alt="Subbanner3" class="img-respo" src="{{skin url=images/banners/Sub-banner-3.png}}" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
				</textarea>		
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
	</div>

	<!--======= 4 ============ -->
	 <div class="static_block_main">
	   <strong>4) Create Static Block for Category Products CMS.</strong><br /><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_Cetegory_Products_CMS<br />  
				Identifier :- <b>tm_Cetegory_Products_CMS</b> <br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
		</div>		
				<div><button onclick="selectall(this,'staticblock4')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock4">
&lt;div class="top-products_cms"&gt;
&lt;div class="container-width"&gt;
&lt;div class="tabberlive_outer"&gt;
&lt;div class="tabberlive"&gt;
&lt;div class="tab-title"&gt;
&lt;div class="tab-main-title"&gt;Top Products&lt;/div&gt;
&lt;ul class="tabbernav"&gt;
&lt;li class="tab1"&gt;&lt;a class="selected" href="#category1" title="tab"&gt;Electronics&lt;/a&gt;&lt;/li&gt;
&lt;li class="tab2"&gt;&lt;a href="#category2" title="tab"&gt;music&lt;/a&gt;&lt;/li&gt;
&lt;li class="tab3"&gt;&lt;a href="#category3" title="tab"&gt;sports&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class="tabs"&gt;
&lt;div class="tab" id="category1"&gt;{{block type="catalog/product_list" category_id="266" template="catalog/product/list_home.phtml"}}&lt;/div&gt;
&lt;div class="tab" id="category2" style="display: none;"&gt;{{block type="catalog/product_list" category_id="267" template="catalog/product/list_home1.phtml"}}&lt;/div&gt;
&lt;div class="tab" id="category3" style="display: none;"&gt;{{block type="catalog/product_list" category_id="268" template="catalog/product/list_home2.phtml"}}&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
				</textarea>	
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
	</div>


	<!--======= 5 ============ -->
	 <div class="static_block_main">
	   <strong>5) Create Static Block for Home page CMS Banner.</strong><br /><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_homepage_cms_banner<br />  
				Identifier :- <b>tm_homepage_cms_banner</b> <br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
	</div>			
				<div><button onclick="selectall(this,'staticblock5')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock5">
&lt;div class="cms_banner"&gt;
&lt;div class="container-width"&gt;
&lt;div class="homepage_cms_banner"&gt;
&lt;div class="cmsbanner cms_banner1"&gt;
&lt;div class="banner-img"&gt;&lt;a href="#"&gt;&lt;img alt="" src="{{skin url=images/banners/Banner1.jpg}}" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="banner-content"&gt;
&lt;div class="banner-btn"&gt;&lt;a href="#"&gt;Best Product&lt;/a&gt;&lt;/div&gt;
&lt;div class="banner-text"&gt;Surveillance&lt;br /&gt;Camera&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="cmsbanner cms_banner2"&gt;
&lt;div class="banner-img"&gt;&lt;a href="#"&gt;&lt;img alt="" src="{{skin url=images/banners/Banner2.jpg}}" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="banner-content"&gt;
&lt;div class="banner-btn"&gt;&lt;a href="#"&gt;Best Product&lt;/a&gt;&lt;/div&gt;
&lt;div class="banner-text"&gt;Stimulated&lt;br /&gt;Battery&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
				</textarea>		
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
	</div>
	
	<!--======= 6 ============ -->
	 <div class="static_block_main">
	   <strong>6) Create Static Block for Featured Products CMS.</strong><br /><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_featuredproducts_CMS<br />  
				Identifier :- <b>tm_featuredproducts_CMS</b> <br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
		</div>		
				<div><button onclick="selectall(this,'staticblock6')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock6">
&lt;div class="feature-product-cms"&gt;
&lt;div class="container-width"&gt;{{block type="featuredproducts/listing" template="featured/featuredproducts/list_home.phtml"}}&lt;/div&gt;
&lt;/div&gt;
				</textarea>	
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
	</div>

	<!--======= 7 ============ -->
	 <div class="static_block_main">
	   <strong>7) Create Static Block for Home Page Category Banner CMS.</strong><br /><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_homepage_category_banner_CMS<br />  
				Identifier :- <b>tm_homepage_category_banner_CMS</b> <br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
	</div>			
				<div><button onclick="selectall(this,'staticblock7')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock7">
&lt;div class="category-cms"&gt;
&lt;div class="container-width"&gt;
&lt;div class="category-cms-image"&gt;&lt;a href="#"&gt;&lt;img alt="catbanner1" class="img-respo" src="{{skin url=images/banners/category-cms.jpg}}" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
				</textarea>	
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
	</div>

	<!--======= 8 ============ -->
	 <div class="static_block_main">
	   <strong>8) Create Static Block for Home Page Product Tab CMS.</strong><br /><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_tab_Products_CMS<br />  
				Identifier :- <b>tm_tab_Products_CMS</b> <br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
	</div>			
				<div><button onclick="selectall(this,'staticblock8')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock8">
&lt;div class="specail-product-cms"&gt;
&lt;div class="container-width"&gt;
&lt;div class="tabberlive_outer_sub"&gt;
&lt;div class="tabbernav_product_sub"&gt;
&lt;div class="tab-title"&gt;
&lt;div class="tab-main-title"&gt;Best of Smart Elect&lt;/div&gt;
&lt;ul class="tabbernav_product"&gt;
&lt;li class="tab1"&gt;&lt;a class="selected" href="#newproducts" title="tab_product"&gt;Latest&lt;/a&gt;&lt;/li&gt;
&lt;li class="tab2"&gt;&lt;a href="#bestseller" title="tab_product"&gt;Best Seller&lt;/a&gt;&lt;/li&gt;
&lt;li class="tab3"&gt;&lt;a href="#special_product" title="tab_product"&gt;Special&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class="tabs"&gt;
&lt;div class="tab_product" id="newproducts" style="display: none;"&gt;{{block type="newproducts/newproductslist" template="newproducts/list_home.phtml"}}&lt;/div&gt;
&lt;div class="tab_product" id="bestseller" style="display: none;"&gt;{{block type="bestseller/bestsellerlist" template="bestseller/list_home.phtml"}}&lt;/div&gt;
&lt;div class="tab_product" id="special_product" style="display: none;"&gt;{{block type="specialproducts/specialproductslist" template="specialproducts/list_home.phtml"}}&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
				</textarea>		
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
	</div>


		<!--======= 9 ============ -->
	 <div class="static_block_main">
	   <strong>9) Create Static Block for Shopping CMS.</strong><br /><br />
	   <div class="static_block_inner">
	   Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_shopping_cms_block<br />  
				Identifier :- <b>tm_shopping_cms_block</b> <br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
		</div>		
				<div><button onclick="selectall(this,'staticblock9')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock9">
&lt;p&gt;&lt;a href="#"&gt;&lt;img alt="" src="{{skin url='images/banners/checkout-banner.jpg}}" /&gt;&lt;/a&gt;&lt;/p&gt;
				</textarea>		
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
	</div>

		
	<!--======= 10 ============ -->
	 <div class="static_block_main">
	   <strong>10) Create Static Block for Home Page Latest Updates.</strong><br /><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_blogs<br />  
				Identifier :- <b>tm_blogs</b> <br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
		</div>		
				<div><button onclick="selectall(this,'staticblock10')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock10">
&lt;div class="blog-cms"&gt;
&lt;div class="container-width"&gt;
&lt;div class="blog"&gt;
&lt;div class="blog-inner"&gt;
&lt;div class="blog_title"&gt;
&lt;h2&gt;From The Blog&lt;/h2&gt;
&lt;/div&gt;
&lt;div class="blog_inner"&gt;
&lt;div class="customNavigation"&gt;&lt;a class="btn prev"&gt;&amp;nbsp;&lt;/a&gt; &lt;a class="btn next"&gt;&amp;nbsp;&lt;/a&gt;&lt;/div&gt;
&lt;ul class="blog-carousel product-carousel" id="blog-carousel"&gt;
&lt;li class="slider-item"&gt;
&lt;div class="blog-image-inner"&gt;
&lt;div class="blog-top"&gt;
&lt;div class="image-block"&gt;&lt;a href="#" title=""&gt;&lt;img alt="" class="img-thumbnail" src="{{skin url='images/banners/blog-01.jpg}}" /&gt;&lt;/a&gt;
&lt;div class="post-image-hover"&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class="image-hover-block"&gt;&lt;a class="zoom lightbox" href="{{skin url='images/banners/blog-01.jpg}}" title="Click to zoom the image" data-fancybox-group="gallery"&gt;&lt;em class="fa fa-search-plus"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt; &lt;a class="read" href="#" title="Click For Read More"&gt;&lt;em class="fa fa-link"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="blog-bottom"&gt;
&lt;div class="post-date"&gt;22 December&lt;/div&gt;
&lt;div class="blog-right-inner"&gt;
&lt;div class="post-title"&gt;&lt;a href="#" title=""&gt;Lorem Ipsum is simply text inting lorem&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="slider-item"&gt;
&lt;div class="blog-image-inner"&gt;
&lt;div class="blog-top"&gt;
&lt;div class="image-block"&gt;&lt;a href="#" title=""&gt;&lt;img alt="" class="img-thumbnail" src="{{skin url='images/banners/blog-02.jpg}}" /&gt;&lt;/a&gt;
&lt;div class="post-image-hover"&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class="image-hover-block"&gt;&lt;a class="zoom lightbox" href="{{skin url='images/banners/blog-02.jpg}}" title="Click to zoom the image" data-fancybox-group="gallery"&gt;&lt;em class="fa fa-search-plus"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt; &lt;a class="read" href="#" title="Click For Read More"&gt;&lt;em class="fa fa-link"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="blog-bottom"&gt;
&lt;div class="post-date"&gt;22 December&lt;/div&gt;
&lt;div class="blog-right-inner"&gt;
&lt;div class="post-title"&gt;&lt;a href="#" title=""&gt;Lorem Ipsum is simply text inting lorem&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="slider-item"&gt;
&lt;div class="blog-image-inner"&gt;
&lt;div class="blog-top"&gt;
&lt;div class="image-block"&gt;&lt;a href="#" title=""&gt;&lt;img alt="" class="img-thumbnail" src="{{skin url='images/banners/blog-03.jpg}}" /&gt;&lt;/a&gt;
&lt;div class="post-image-hover"&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class="image-hover-block"&gt;&lt;a class="zoom lightbox" href="{{skin url='images/banners/blog-03.jpg}}" title="Click to zoom the image" data-fancybox-group="gallery"&gt;&lt;em class="fa fa-search-plus"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt; &lt;a class="read" href="#" title="Click For Read More"&gt;&lt;em class="fa fa-link"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="blog-bottom"&gt;
&lt;div class="post-date"&gt;22 December&lt;/div&gt;
&lt;div class="blog-right-inner"&gt;
&lt;div class="post-title"&gt;&lt;a href="#" title=""&gt;Lorem Ipsum is simply text inting lorem&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="slider-item"&gt;
&lt;div class="blog-image-inner"&gt;
&lt;div class="blog-top"&gt;
&lt;div class="image-block"&gt;&lt;a href="#" title=""&gt;&lt;img alt="" class="img-thumbnail" src="{{skin url='images/banners/blog-04.jpg}}" /&gt;&lt;/a&gt;
&lt;div class="post-image-hover"&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class="image-hover-block"&gt;&lt;a class="zoom lightbox" href="{{skin url='images/banners/blog-04.jpg}}" title="Click to zoom the image" data-fancybox-group="gallery"&gt;&lt;em class="fa fa-search-plus"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt; &lt;a class="read" href="#" title="Click For Read More"&gt;&lt;em class="fa fa-link"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="blog-bottom"&gt;
&lt;div class="post-date"&gt;22 December&lt;/div&gt;
&lt;div class="blog-right-inner"&gt;
&lt;div class="post-title"&gt;&lt;a href="#" title=""&gt;Lorem Ipsum is simply text inting lorem&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="slider-item"&gt;
&lt;div class="blog-image-inner"&gt;
&lt;div class="blog-top"&gt;
&lt;div class="image-block"&gt;&lt;a href="#" title=""&gt;&lt;img alt="" class="img-thumbnail" src="{{skin url='images/banners/blog-05.jpg}}" /&gt;&lt;/a&gt;
&lt;div class="post-image-hover"&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class="image-hover-block"&gt;&lt;a class="zoom lightbox" href="{{skin url='images/banners/blog-05.jpg}}" title="Click to zoom the image" data-fancybox-group="gallery"&gt;&lt;em class="fa fa-search-plus"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt; &lt;a class="read" href="#" title="Click For Read More"&gt;&lt;em class="fa fa-link"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="blog-bottom"&gt;
&lt;div class="post-date"&gt;22 December&lt;/div&gt;
&lt;div class="blog-right-inner"&gt;
&lt;div class="post-title"&gt;&lt;a href="#" title=""&gt;Lorem Ipsum is simply text inting lorem&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="slider-item"&gt;
&lt;div class="blog-image-inner"&gt;
&lt;div class="blog-top"&gt;
&lt;div class="image-block"&gt;&lt;a href="#" title=""&gt;&lt;img alt="" class="img-thumbnail" src="{{skin url='images/banners/blog-06.jpg}}" /&gt;&lt;/a&gt;
&lt;div class="post-image-hover"&gt;&amp;nbsp;&lt;/div&gt;
&lt;div class="image-hover-block"&gt;&lt;a class="zoom lightbox" href="{{skin url='images/banners/blog-06.jpg}}" title="Click to zoom the image" data-fancybox-group="gallery"&gt;&lt;em class="fa fa-search-plus"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt; &lt;a class="read" href="#" title="Click For Read More"&gt;&lt;em class="fa fa-link"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="blog-bottom"&gt;
&lt;div class="post-date"&gt;22 December&lt;/div&gt;
&lt;div class="blog-right-inner"&gt;
&lt;div class="post-title"&gt;&lt;a href="#" title=""&gt;Lorem Ipsum is simply text inting lorem&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
				</textarea>	
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
	</div>
	
	
	<!--======= 11 ============ -->
	 <div class="static_block_main">
	   <strong>11) Create Static Block for Newsletter.</strong><br /><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_newsletter<br />  
				Identifier :- <b>tm_newsletter</b> <br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
		</div>		
				<div><button onclick="selectall(this,'staticblock11')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock11">
&lt;div class="cms-newslatter"&gt;
&lt;div class="container-width"&gt;
&lt;div class="newsletter-container"&gt;
&lt;div class="newsletter-offers"&gt;
&lt;div class="news-offer-inner"&gt;
&lt;div class="news-offer-img"&gt;&lt;/div&gt;
&lt;div class="news-offer-text"&gt;festive deals on&lt;/div&gt;
&lt;div class="news-offer-btn"&gt;&lt;a href="#"&gt;view items&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="newsletter-container-inner"&gt;
&lt;div class="news-content"&gt;
&lt;div class="newshead"&gt;signup and get free voucher &lt;strong&gt;worth $250&lt;/strong&gt; for newly&lt;/div&gt;
&lt;div class="sub_text"&gt;*Voucher is valid only for new customer on new Registration&lt;/div&gt;
&lt;/div&gt;
{{block type="newsletter/subscribe" name="content.newsletter" template="newsletter/subscribe.phtml"}}&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
				</textarea>	
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
	</div>
	

	<!--======= 12 ============ -->
	 <div class="static_block_main">
	   <strong>12) Create Static Block for Footer Logo CMS.</strong><br /><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_footerlogo_CMS<br />  
				Identifier :- <b>tm_footerlogo_CMS</b> <br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
		</div>		
				<div><button onclick="selectall(this,'staticblock12')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock12">
&lt;div class="footer_logo"&gt;&lt;a href="#"&gt;&lt;img alt="" src="{{skin url=images/footer-logo.png}}" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class="footer_text_content"&gt;Lorem Ipsum has been the industry's standard my text ever since the 1500s, when annknown printer took a galley of it to matook a galley of ita type specimen book.&lt;/div&gt;
&lt;h6&gt;Follow Us&lt;/h6&gt;
&lt;ul&gt;
&lt;li class="facebook social_block"&gt;&lt;a href="#"&gt;&lt;em class="fa fa-facebook"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class="twitter social_block"&gt;&lt;a href="#"&gt;&lt;em class="fa fa-twitter"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class="g-plus social_block"&gt;&lt;a href="#"&gt;&lt;em class="fa fa-google-plus"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class="linkdin social_block"&gt;&lt;a href="#"&gt;&lt;em class="fa fa-linkedin"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
				</textarea>	
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
	</div>

	<!--======= 13 ============ -->
	 <div class="static_block_main">
	   <strong>13) Create Static Block for Footer Static Links1 CMS.</strong><br /><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_footer_staticlink1<br />  
				Identifier :- <b>tm_footer_staticlink1</b> <br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
		</div>		
				<div><button onclick="selectall(this,'staticblock13')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock13">
&lt;h6&gt;our link&lt;/h6&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="#"&gt;Brands&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Gift Certificates&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Affiliates&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Specials&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;My Accounts&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Order History&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Wish list&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Newsletter&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
				</textarea>	
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
	</div>


	<!--======= 14 ============ -->
	 <div class="static_block_main">
	   <strong>14) Create Static Block for Footer Static Links2 CMS.</strong><br /><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_footer_staticlink2<br />  
				Identifier :- <b>tm_footer_staticlink2</b> <br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
		</div>		
				<div><button onclick="selectall(this,'staticblock14')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock14">
&lt;h6&gt;Categories&lt;/h6&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="#"&gt;Airplanes&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Cars&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Helicopters&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Quadcopters&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;RC Boats &amp;amp; Yachts&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;RC Vehicle Parts&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Drones&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Mini Drones&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
				</textarea>		
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
	</div>	
		
	<!--======= 15 ============ -->
	 <div class="static_block_main">
	   <strong>15) Create Static Block for Footer Static Links3 CMS.</strong><br /><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_footer_staticlink3<br />  
				Identifier :- <b>tm_footer_staticlink3</b> <br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
		</div>		
				<div><button onclick="selectall(this,'staticblock15')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock15">
&lt;h6&gt;Information&lt;/h6&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Delivery information&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Payment Policy&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Terms &amp;amp; Conditions&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Returns&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Site Map&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Blog&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
				</textarea>		
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
		</div>
		
	<!--======= 16 ============ -->
	 <div class="static_block_main">
	   <strong>16) Create Static Block for Footer Contact CMS.</strong><br /><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_footer_contactus<br />  
				Identifier :- <b>tm_footer_contactus</b> <br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
		</div>		
				<div><button onclick="selectall(this,'staticblock16')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock16">
&lt;h6&gt;Contact Us&lt;/h6&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;div class="address"&gt;&lt;em class="fa fa-map-marker"&gt;&amp;nbsp;&lt;/em&gt;
&lt;div class="contact_address"&gt;Smart Elect, 42 Puffin street Puffinville France&lt;/div&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;div class="phone"&gt;&lt;em class="fa fa-mobile"&gt;&amp;nbsp;&lt;/em&gt;
&lt;div class="contact_phone"&gt;+91 123 456 789&lt;/div&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;div class="email"&gt;&lt;em class="fa fa-envelope "&gt;&amp;nbsp;&lt;/em&gt;
&lt;div class="contact_email"&gt;&lt;a href="#" target="_blank"&gt;@smart-elect.com&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/li&gt;
&lt;li class="payment-title"&gt;&lt;span&gt;Payment&lt;/span&gt;&lt;/li&gt;
&lt;li class="visa payment_icon"&gt;&lt;a href="#"&gt;&lt;em class="fa fa-cc-visa"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class="paypal payment_icon"&gt;&lt;a href="#"&gt;&lt;em class="fa fa-cc-paypal "&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class="mastercard payment_icon"&gt;&lt;a href="#"&gt;&lt;em class="fa fa-cc-mastercard"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class="discover payment_icon"&gt;&lt;a href="#"&gt;&lt;em class="fa fa-cc-discover"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class="americanexpress payment_icon"&gt;&lt;a href="#"&gt;&lt;em class="fa fa-cc-amex"&gt;&amp;nbsp;&lt;/em&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
				</textarea>		
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
		</div>
		
		
		<!--======= 17 ============ -->
		<div class="static_block_main">
	   <strong>17) Create Static Block for Left Column Banner.</strong><br /><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_leftcolout_banner <br />  
				Identifier :- <b>tm_leftcolout_banner</b> <br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
		</div>		
				<div><button onclick="selectall(this,'staticblock17')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock17">
&lt;p&gt;&lt;a href="#"&gt;&lt;img alt="" src="{{skin url='images/banners/left_banner.jpg}}" /&gt;&lt;/a&gt;&lt;/p&gt;
				</textarea>	
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
		
	</div>
		
		
		<!--======= 18 ============ -->
		<div class="static_block_main">
	   <strong>18) Create Static Block for Category page tab.</strong><br /><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_cms_tab <br />  
				Identifier :- <b>tm_cms_tab</b> <br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
		</div>		
				<div><button onclick="selectall(this,'staticblock18')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock18">
&lt;div class="std"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor. every item is a vital part of a woman's wardrobe.&lt;/div&gt;
				</textarea>	
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
		
	</div>
	
	
	<!--======= 19 ============ -->
	 <div class="static_block_main">
	   <strong>19) Create Static Block for Product Page Third Column CMS.</strong><br /><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_infopage_thirdcol_block<br />  
				Identifier :- <b>tm_infopage_thirdcol_block</b> <br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
		</div>		
				<div><button onclick="selectall(this,'staticblock19')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock19">
&lt;div class="flexslider"&gt;
&lt;ul class="slides"&gt;
&lt;li&gt;&lt;a href="#"&gt;&lt;img alt="" src="{{skin url='images/banners/product-right1.jpg}}" /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;&lt;img alt="" src="{{skin url='images/banners/product-right2.jpg}}" /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class="sale-cms"&gt;
&lt;div class="sale-cms-text"&gt;
&lt;div class="text1"&gt;sale&lt;/div&gt;
&lt;div class="text2"&gt;Save up to&lt;/div&gt;
&lt;div class="text3"&gt;35% off&lt;/div&gt;
&lt;div class="text4"&gt;on all collection&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
	</textarea>		
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
	</div>


		<!--======= 20 ============ -->
	 <div class="static_block_main">
	   <strong>20) Create Static Block for Custom Menu.</strong><br /><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_custommenu<br />  
				Identifier :- <b>tm_custommenu</b> <br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
		</div>		
				<div><button onclick="selectall(this,'staticblock20')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock20">
&lt;div class="static-block1"&gt;&lt;a href="#"&gt;Deal Of the Day&lt;/a&gt;
&lt;ul class="custom-link"&gt;
&lt;li&gt;&lt;a href="#"&gt;Flat 20% Off&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Flat 35% Off&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Extra 20% Off&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Extra 30% Off&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Minimum 50% Off&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Starting at Rs.150&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;div class="custom_banner"&gt;&lt;img alt="" src="{{skin url='images/banners/custome.jpg}}" /&gt;&lt;/div&gt;
	</textarea>		
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
	</div>


			<!--======= 21 ============ -->
	 <div class="static_block_main">
	   <strong>21) Create Static Block for Advanced Menu.</strong><br /><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_advanced_menu_20<br />  
				Identifier :- <b>tm_advanced_menu_20</b> (Here 20 is category id) <br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
		</div>		
				<div><button onclick="selectall(this,'staticblock21')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock21">
&lt;p&gt;&lt;a href="#"&gt; &lt;img alt="" src="{{skin url=images/banners/mega-menu-banner.jpg}}" /&gt; &lt;/a&gt;&lt;/p&gt;
	</textarea>		
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
	</div>

				<!--======= 22 ============ -->
	 <div class="static_block_main">
	   <strong>22) Create Static Block for Header Links.</strong><br /><br />
	   <div class="static_block_inner">
	   			Goto Admin panel > CMS > Static Blocks. Click on <strong>Add New Block</strong> Button and write below detail. <br />
				Block Title :- tm_header_links<br />  
				Identifier :- <b>tm_header_links</b><br />
				Content :- <img src="files/hideshowbultton.jpg" />
				Click on this button and Add Below Code in HTML Content: <br />
		</div>		
				<div><button onclick="selectall(this,'staticblock22')" class="selectall"><span>Un</span>Selectall</button></div>
			    <textarea class="static_block" id="staticblock22">
&lt;div class="static-link"&gt;
&lt;ul class="static-link-inner"&gt;
&lt;li class="first_link "&gt;&lt;a href="{{store url=""}}"&gt;Home&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="{{store url=""}}"&gt;About Us&lt;/a&gt;&lt;/li&gt;
&lt;li class="last_link"&gt;&lt;a href="{{store url=""}}contacts"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
&lt;li class="last_link"&gt;&lt;a href="{{store url=""}}manufacturer"&gt;Brands&lt;/a&gt;&lt;/li&gt;
&lt;li class="last_link"&gt;&lt;a href="{{store url=""}}sales/guest/form/"&gt;Returns&lt;/a&gt;&lt;/li&gt;
&lt;li class="last_link"&gt;&lt;a href="{{store url=""}}sales/guest/form/"&gt;Orders&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
	</textarea>		
			and Click on <strong>"Save Block"</strong> Button.	
		<br /><br />
	</div>


	 <!-- ====================== End Static Block Setting=============== -->
		<div class="containers">
		<strong style="color:red">Important Note:</strong> Remember to clear cache From
		Admin Panel > System > Cache Management
		</div>		
		<h2 id="morehelp" style="padding-top:71px;"> Need More Help?</h2>
		<p> Once again, thank you so much for purchasing the theme. We are glad to help you if you have any questions relating to this theme.You can contact us and submit technical Supprot Ticket from our support desk <a href="https://www.templatemela.com/support/">https://www.templatemela.com/support/</a>
		</p><br /><br />
		</div>
	</div>
	
</body>
</html>



