<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Magik Theme Documentation</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<meta name="description" content="Default Description">
<meta name="keywords" content="Magento, Varien, E-commerce">
<meta name="robots" content="NOINDEX,NOFOLLOW">
<link rel="stylesheet" type="text/css" href="Stylesheet/local.css" media="all">
<script type="text/javascript" src="js/jquery.js"></script>
<script language="javascript">
function toggleClass(eid, myclass) {
  var theEle = document.getElementById(eid);
  var eClass = theEle.className;
 
  if (eClass.indexOf(myclass) >= 0 ) {
     // we already have this element hidden so remove the class.
     theEle.className = eClass.replace(myclass, '');
  } else{
     // add the class. 
     theEle.className  +=  ' ' + myclass;
  }
}
</script>
</head>
<body class="magik-theme-doc">
<div class="header-container"> <a href="http://demo.magikthemes.com/index.php/amazefixred/" title="Amaze" class="logo"><img src="images/logo.png" alt="Amaze"></a> </div>
	
	<ul id="nav" class="tab_nav">
            <li class="tab current"><span>&raquo; </span><a href="#tab_section-1">Installing The Theme</a></li>
            <li class="tab1"><span>» </span><a href="#tab_section-2">Disable compiler</a></li>
            <li class="tab1"><span>» </span><a href="#tab_section-3">Upload Pack</a></li>
            <li class="tab1"><span>» </span><a href="#tab_section-4">Refresh Cache</a></li>
            <li class="tab"><span>&raquo; </span><a href="#tab_section-5">Configuration</a></li>
            <li class="tab1"><span>» </span><a href="#tab_section-6">Configuration theme</a></li>
            <li class="tab1"><span>» </span><a href="#tab_section-7">Setup Multi Languages</a></li>
            <li class="tab1"><span>» </span><a href="#tab_section-8">Setup Currency</a></li>
            <li class="tab"><span>&raquo; </span><a href="#tab_section-9">Create Category</a></li>
            <li class="tab"><span>&raquo; </span><a href="#tab_section-10">Create CMS Page</a></li>
            <li class="tab"><span>&raquo; </span><a href="#tab_section-11">Create CMS Static Block</a></li>
            <li class="tab"><span>&raquo; </span><a href="#tab_section-12">Theme Configuration</a></li>
            <li class="tab"><span>&raquo; </span><a href="#tab_section-13">CMS Content</a></li>
            <li class="tab1"><span>» </span><a href="#tab_section-14">List Of CMS Pages</a></li>
            <li class="tab1"><span>» </span><a href="#tab_section-15">List Of CMS Static Block</a></li>
            <li class="tab"><span>&raquo; </span><a href="#tab_section-16">Localization</a></li>
            <li class="tab"><span>&raquo; </span><a href="#tab_section-17">How To</a></li>
            <li class="tab1"><span>» </span><a href="#tab_section-18">Change title of homepage</a></li>
            <li class="tab1"><span>» </span><a href="#tab_section-19">Change "Default welcome msg !"</a></li>
            <li class="tab1"><span>» </span><a href="#tab_section-20">Add Featured Products</a></li>
            <li class="tab1"><span>» </span><a href="#tab_section-21">Add Related Products</a></li>
            <li class="tab1"><span>» </span><a href="#tab_section-22">Add Up-Sell Products</a></li>
            <li class="tab"><span>&raquo; </span><a href="#tab_section-23">Extension Configuration</a></li>
            <li class="tab1"><span>» </span><a href="#tab_section-24">BlogMate</a></li>
            <li class="tab1"><span>» </span><a href="#tab_section-25">Scrolling Cart</a></li>
            <li class="tab1"><span>» </span><a href="#tab_section-26">Social Bar</a></li>
            <li class="tab"><span>&raquo; </span><a href="#tab_section-27">Switch Theme Color</a></li>
            <li class="tab"><span>&raquo; </span><a href="#tab_section-28">Troubleshooting</a></li>
          </ul>

<div class="wrapper">
    
   
          
<div id="container" class="tab_container">
            <div class="tab_section" id="tab_section-1">
                        <div class="title-bg">
                                <h2>Installing The Theme</h2>
                        </div>
            </div> <!--tab_section-1-->
            <div class="tab_section" id="tab_section-2">
                        <h3>Disable compiler</h3>
                        <p>Go to <code>System -> Tools -> Compilation</code> then disable compiler if it is already enabled, if not, you can skip this step.</p>
                        <img class="tab_section_img" src="images/disablecompiler.jpg" alt="image" /> <br />
            </div> <!--tab_section-2-->
            <div class="tab_section" id="tab_section-3">
              <h3>Upload Pack</h3>
              <p><strong>To install the theme follow the instructions given below:</strong>
                        1. Copy app directory into magento/app directory.<br />
                        2. Copy skin directory into magento/skin directory.<br />
                        3. Copy js directory into magento/js directory.<br />
                        <p> <b>Note:</b> Copy the files from magento directory as per the given path.</p>
            </div> <!--tab_section-3-->  
            <div class="tab_section" id="tab_section-4">  
              <h3>Refresh Cache</h3>
                                <p>
                        You need to first disable system cache by going to the Administration Panel and navigating to <code>System => Cache Management</code>. Select 'Disable' from the 'All Cache' select box and click on save. Doing this will ensure that you see a faithful reflection of your store front as you make the changes.
                                </p>
              <img class="tab_section_img"  src="images/cache.png" alt="image" /> <br />
             <p> <b>Note:</b> After installing the theme if you get 404 page error message then try to logout and login.</p> 
            </div> <!--tab_section-4--> 
                          
            <div class="tab_section" id="tab_section-5"> 
                        <div class="title-bg">
                                <h2>Configuration</h2>
                        </div>
            </div> <!--tab_section-5-->
            <div class="tab_section" id="tab_section-6">
               <h3>Configuration theme</h3>     
        
        <p>In Admin Panel under <code>"System" => "config" select your "Current Configuration Scope"</code> & assign page from <code>"System" => "Configuration" => "Web" => "Default Pages".</code><br />
                          </p>
              <img class="tab_section_img" src="images/web.png" alt="image" /> <br />
                          <p>
                        In Admin panel under <code>"System" => "config" select your "Current Configuration Scope"</code> & setup the theme name under design.
                          </p>
              <img class="tab_section_img"  src="images/design.png" alt="image" /> <br />
            </div> <!--tab_section-6-->
            <div class="tab_section" id="tab_section-7"> 
              <h3>Setup Multi Languages</h3>
              <p>To setup multi languages, you can go to <code>System -> Manage Stores.</code></p>
              <p>Click <b>Create Store View</b> button.</p>

              <img class="tab_section_img"  src="images/multistore.png" alt="image" />
              <p><b>1. Store:</b> choose your Main store </p>
              <p><b>2. Name:</b> Language  </p>
              <p><b>3. Code:</b> code for this language.  </p>
              <p>Press <b>Save</b> button</p>
              <p>Go to <code>System -> Configuration -> General</code></p>

              <img class="tab_section_img"  src="images/store.png" alt="image" />
              <p><b>1.</b> Choose a store view (language) you have created </p>
              <p><b>2.</b> Choose the Country of this store view (language)  </p>
              <p><b>3.</b> Choose locale of this store view (language)  </p>
              <p>Press <b>Save Config</b> button</p>
              <p>Now you should see languages dropdown on the top left corner.</p>
              <img class="tab_section_img"  src="images/language_select.png" alt="image" />
            </div> <!--tab_section-7-->
            <div class="tab_section" id="tab_section-8"> 
              <h3>Setup Currency</h3>
              <p>To setup currency, you can go to <code>System -> Configuration</code>, choose Currency Setup tab. Set Allowed Currencies are the currency you want on your store.</p>
              <p>Go to <code>System -> Mange Currency Rates,</code> press <b>import</b>. Wait for the system to import currency exchange rate then press <b>Save</b>.</p>
              <p>Go to <code>System -> Cache Management</code> and refresh the cache. Now you should see currency dropdown on the top left corner.</p>
              <img class="tab_section_img"  src="images/currency_select.png" alt="image" />
            </div> <!--tab_section-8-->
            <div class="tab_section" id="tab_section-9"> 
                        <div class="title-bg">
                                <h2>Create Category</h2>
                        </div>
                        
              <p>
                                <strong>To create category follow the instructions given below:</strong>
              <p>
                                1. Create the Category Structure <br />
                                In <code>Catalog => Manage Categories</code>, create your basic category structure. This should minimally consist of a root category containing one sub-category.<br />
                                For example:<br />
                                &nbsp;&nbsp;&nbsp;-- Root Catalog <br />
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-- Category 1 <br />
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-- Category 2 <br />
                                2. Make Desired Categories Visible <br />
                                For each category you want to appear in the menu, select the category and set <code>“Is Active”</code> to <code>"yes"</code> and <code>"Include in Navigation Menu"</code> to <code>"yes".</code> (e.g. Category 1 => General Information => Is Active => Yes and Category 1 => General Information => Include in Navigation Menu => Yes).<br />
                                3. Set Root Category <br />
                                The root category will not be visible in the menu, but any active categories it contains will. <br />
                                Depending on how you installed Magento, Category 1 may already be showing in the menu at this point. If it is not, go to <code>System => Manage Stores => Main Website Store</code> (or other store name). 
                                Set Root Category to be the root category you want to use.
                          </p> 
                          <img class="tab_section_img"  src="images/5.png" alt="image" /> 
            </div> <!--tab_section-9-->
                        
                        <div class="tab_section" id="tab_section-10">
                        <div class="title-bg">
                                <h2>Create CMS Page</h2>
                        </div>
                        
              <p>CMS (Content Management System) pages are static pages such as your Homepage, About Us, and Customer Service pages that provide information about a web store and are managed through the Backend panel. CMS pages are full pages that are available via their own URL address. </p>
 
              <p> <strong>To create a new content page follow the instructions given below:</strong>
              1. In the Admin Panel, choose <code>CMS => Pages => Manage Content.</code> <br />
              2. Click [Add New Page] at the top right to create a new Page. The New Page configuration page appears on the Page Information panel by default as shown below.</p>
              <img class="tab_section_img"  src="images/1.png" alt="image" /><br />
              <p>3. In the Page Information panel, enter the following information:<br />
              &nbsp;&nbsp;&nbsp; <b>Page Title –</b> Name of the page you are building. This will be reference in the browser’s title page.<br />
              &nbsp;&nbsp;&nbsp; <b>URL Key –></b> Select the unique URL key for this page. This will be part of the page URL that customers will see, visit, or link to when accessing this page. In terms of search engine optimization, it is helpful to select a keyword-rich URL Key. <br />
              &nbsp;&nbsp;&nbsp; <b>Store View –</b> Select the store view(s) this page will be visible on. <br />
              &nbsp;&nbsp;&nbsp; <b>Status –</b> Select whether you wish to Publish this page or keep it Disabled. Published pages will be publicly visible on your Magento Go store.<br />
              4. Click Content from the left panel to edit / publish Content for this page. </p>
              <img class="tab_section_img"  src="images/6.png" alt="image" /><br />
              <p>5. Set the Content Heading to a relevant, descriptive title for this page (i.e. About Us, or About Our Company). <br />
              6. In the large content block, fill in the page content. You may use the Editor tools at the top to format your content, create links, add media, and more. <br />
              7. Click the Design tab from the left panel to configure the Page Layout and Custom Design elements.</p>
              <img class="tab_section_img"  src="images/7.png" alt="image" /><br />
              <p>8. In the Page Layout tab_section: <br />
              &nbsp;&nbsp;&nbsp; In Layout drop-down menu, select the number of columns for the page layout. A single column layout will make your content block the only element on the page. A three column layout will include two sidebars. Two Column with Left and Right Sidebar create a large content column with a respective sidebar. <br />
              &nbsp;&nbsp;&nbsp; In the Layout Update XML field, you customize the information displayed in the layout using XML. <br />
              9. The Custom Design tab_section enables you to define a custom theme and layout to be used for a defined period of time. This feature allows you to create custom themed pages for holidays or special sales periods (for example, a Christmas theme, or Thanksgiving Weekend Sale). <br />
              10. Select a Custom Design From and Custom Design To date that will define the period for which this custom design will be used. <br />
              11. Click Meta Data from the left panel to input Meta Data for this page. Meta Data is descriptive information about a page that search engines may use to index your store’s pages. This content is not visible directly on your website.<br />
              12. When you are finished, click [Save Page] to save and publish your new page.</p> 
           </div> <!--tab_section-10-->

           <div class="tab_section" id="tab_section-11">
                        <div class="title-bg">
                                <h2>Create CMS Static Block</h2>
                        </div>

<p>Go to <code>CMS > Static Blocks > Add New Block</code> and follow these steps:</p>
<p>1. In Identifier field enter an identifier of one of the predefined static blocks. Make
sure the identifier is all lower-case and separated by underscores to follow
Magento’s standards.</p>
<p>2. Enter the title in <b>Block Title.</b></p>
<p>3. Select the <b>Store View</b> to which this block will apply.</p>
<p>4. Select <b>Enabled</b> in the Status field. Disabled means that the block is not
displayed in the frontend.</p>
<p>5. Insert your Content. It can be text or HTML format.</p>
<p>6. Click <b>Save</b> Block.</p>

<p>Let's see an example. To place Custom Block in the footer. Create a new block with identifier
<b>footer_links,</b> insert your content and click <b>Save Block</b>. As a result you will get a
block placed at the end of the store . Here you can see the completed form:</p>
<img class="tab_section_img"  src="images/sampleblock.png" alt="image" />


           </div> <!--tab_section-11-->

            <div class="tab_section" id="tab_section-12"> 
                        <div class="title-bg">
                                <h2>Theme Configuration </h2>
                        </div>
                        <p><b>Here you can learn how to configure theme like our demo-</b></p>
                        <p>Go to <code>System -> Configuration -> Magik Amaze -> Theme Settings</code></p>
                        <img class="tab_section_img"  src="images/appearance.png" alt="image" />

<p><b>Footer –</b> set simple or informative footer.</p>
<p><b>Font –</b> Here you can change the theme font.</p>
<p><b>Theme Color –</b> This color will be used for buttons.</p>
<p><b>Header Text Color –</b> This color will be used for header text/links.</p>
<p><b>Footer BG Color –</b> This color will be used for footer background.</p>
<p><b>Footer Text Color –</b> This color will be used for footer text/links.</p>
<p><b>Content BG Color –</b> This color will be used for content background.</p>

<img class="tab_section_img"  src="images/header-menu.png" alt="image" />
<p> <b>Home Link in Navigation –</b> if set to Yes, will show a text link to the home page in the main navigation menu.</p>
<p><b>Apply product to category in Top Navigation –</b> here you can set under which
categoty you want to show product to the page in the main navigation menu.</p>
<p><b>Category Label 1 Text –</b> here you can set category label text.</p>
<p><b>Apply Label 1 to Category in Top Navigation –</b>here you can set under which
categoty you want to show Lable 1 text in the main navigation menu.</p>
<p><b>Category Label 2 Text –</b> here you can set category label text.</p>
<p><b>Apply Label 2 to Category in Top Navigation –</b>here you can set under which
categoty you want to show Lable 2 text in the main navigation menu.</p>

<img class="tab_section_img"  src="images/home-slider.png" alt="image" />
<p><b>Home Slider Type –</b> here you can change home page slider layout.</p>

<img class="tab_section_img"  src="images/product-label.png" alt="image" />
<p><b>Show "New" Label –</b> if set to Yes, will show a "New" label on the main image of all new products. The label will be displayed in both product and catalog views. You can use default labels or replace them with your own.</p>
<p> <xmp><b>Note:</b> To promote any product as "New" go to Catalog > Manage Products and select the product. In Set Product as New from/to Date field, enter the date range in which the product will be promoted as a new product.</xmp></p>
<p><b>New Label Text –</b> here you can change New lable text.</p>
<p><b>"New" label position –</b> here you can change New lable position from TopLeft to TopRight.</p>
<p><b>Show "Sale" Label –</b> if set to Yes, will show a "Sale" label on the main image of all
products with special price. The label will be displayed in both product and catalog
views.You can use default labels or replace them with your own.</p>
<p> <xmp><b>Note:</b> To set a special price go to Catalog > Manage Products, select the product
and enter a special price in Special Price field. In Special Price From/To Date
field you can enter a date range within which the special price will be active.
This price will apply automatically when the From Date arrives and deactivate
automatically when the To Date arrives. If you leave this range blank, the
Special Price will apply until remove it.</xmp></p>
<p><b>Sale Label Text –</b> here you can change Sale lable text.</p>
<p><b>"Sale" label position –</b> here you can change Sale lable position from TopLeft to TopRight.</p>

<img class="tab_section_img"  src="images/footer-google.png" alt="image" />
<p> <b>Google Analytics in footer –</b> if set to Yes, will enable google analytics code in footer.</p>
<p> <b>Google Analytics –</b> here you can paste google analytics code.</p>

<img class="tab_section_img"  src="images/social-links.png" alt="image" />
<p><b>Enable all Social Links –</b> if enabled, social links will be displayed.</p>
<p><b>Enable Facebook Social Link –</b> if enabled, facebook social link will be displayed.</p>
<p><b>Facebook Link Path –</b> Link for facebook.</p>
<p><b>Enable Twitter Social Link –</b> if enabled, Twitter social link will be displayed.</p>
<p><b>Twitter Link Path –</b> Link for twitter.</p>
<p><b>Enable GooglePlus Social Link –</b> if enabled, GooglePlus social link will be displayed.</p>
<p><b>GooglePlus Link Path –</b> Link for googleplus.</p>
<p><b>Enable RSS Social Link –</b> if enabled, RSS social link will be displayed.</p>
<p><b>RSS Link Path –</b> Link for rss.</p>
<p><b>Enable PInterest Social Link –</b> if enabled, PInterest social link will be displayed.</p>
<p><b>PInterest Link Path –</b> Link for pinterest.</p>
<p><b>Enable Linkedin Social Link –</b> if enabled, Linkedin social link will be displayed.</p>
<p><b>Linkedin Link Path –</b> Link for linkedin.</p>
<p><b>Enable Youtube Social Link –</b> if enabled, Youtube social link will be displayed.</p>
<p><b>Youtube Link Path –</b> Link for youtube.</p>

<img class="tab_section_img"  src="images/products-next-prev.png" alt="image" />
<p><b>Upsell Products in detail page –</b> Upsell products block in Magento is
enabled by default, but here you can disable it. It can sometimes be useful.</p>
<p><b>Related Products in detail page –</b> Related products block in Magento is
enabled by default, but here you can disable it. It can sometimes be useful.</p>
<p><b>Next Previous Products in detail page –</b> if enabled, next previous products
section will be displayed.</p>

<img class="tab_section_img"  src="images/shopping-cart.png" alt="image" />
<p><b>Display Shopping Cart at top –</b> if set to Yes, will show a shopping cart in header.</p>


<img class="tab_section_img"  src="images/news-letter-popup.png" alt="image" />
<p><b>Display Newsletter Popup On Home Page –</b> if set to Yes, It will show newsletter popup on home page.</p>

<img class="tab_section_img"  src="images/quick-view.png" alt="image" />
<p><b>Display Quick View –</b> if set to Yes, quick view effect will be displayed on home and product listing page.</p>

              
            </div> <!--tab_section-12-->

            <div class="tab_section" id="tab_section-13">
                        <div class="title-bg">
                                <h2>CMS Content </h2>
                        </div>
            </div> <!--tab_section-13-->
            <div class="tab_section" id="tab_section-14">
              <h3>List Of CMS Pages</h3>
<p><b>1. Amaze Home Page</b></p>
<p> To edit home page, go to <code>CMS > Pages > Amaze Home page.</code> Insert your content in the main field in Content tab:</p>
<img class="tab_section_img"  src="images/homepage.png" alt="image" />
<p><b>Default code</b></p>
<xmp>
<div>{{block type="catalog/product_list" num_products="8" name="bestsellerproduct" as="bestsellerproduct" template="catalog/product/bestseller.phtml" }}</div>
<div>{{block type="catalog/product_list" num_products="8" name="featuredproduct" as="featuredproduct" template="catalog/product/featured.phtml" }}</div>
</xmp>

<p><b>Bestseller Products –</b> with this block you can display products which are sell.</p>
<xmp>{{block type="catalog/product_list" num_products="xx" category_id="xx"
name="bestsellerproduct" as="bestsellerproduct"
template="catalog/product/bestseller.phtml" }}</xmp>
  <p><b>num_products –</b> specify number of displayed products.</p>
  <p><b>category_id –</b> specify ID of the category which you want to display.</p>
<p><b>Note:</b> Remember to replace xx with proper values of the parameters.</p>

<img class="tab_section_img"  src="images/bestsellerproduct.png" alt="image" />

<p><b>Featured Products –</b> with this block you can display featured products.</p>
<xmp>{{block type="catalog/product_list" num_products="xx"
name="featuredproduct" as="featuredproduct"
template="catalog/product/featured.phtml"}}</xmp>
  <p><b>num_products –</b> specify number of displayed products.<br />
  <b>category_id –</b> specify ID of the category which you want to display.</p>

<p>To display featured products on home page . Go to <code>Catalog -> Manage Products</code>
Edit any product under General tab <b>"Featured Product On Home"</b> set to <b>"Yes"</b>.</p>
<p><b>Note:</b> Remember to replace xx with proper values of the parameters.</p>

<img class="tab_section_img"  src="images/featuredproduct.png" alt="image" />

<p><b>2. Amaze 404 No Route</b></p>
<p>To enable MagikAmaze theme 404 no route page, go to Default Pages tab and select CMS No
Route Page as Amaze 404 No Route Page. Click Save Config button.</p>
<img class="tab_section_img"  src="images/404page.png" alt="image" />

</div> <!--tab_section-14-->

            <div class="tab_section" id="tab_section-15">
                        
                                <h3>List Of CMS Static Block </h3>
                        
<p><b>Amaze Store Logo<b></p>
<img class="tab_section_img"  src="images/logo_doc.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose <b>block amaze_logo</b></p>
<p><b>Default code</b></p>
<xmp><div><img src="{{skin url="images/logo.png"}}" alt="Amaze Store" /></div></xmp>
<br /><hr class="color"><br />

<p><b>Amaze Home Toplinks Block<b></p>
<img class="tab_section_img"  src="images/top_menu_doc.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose <b>amaze-home-toplinks-block</b></p>
<p><b>Default code</b></p>
<xmp><div class="demo"><a title="Blog" href="{{store_url=blog}}"><span>Blog</span></a></div>
<div class="company">
<div class="click-nav">
<ul class="no-js">
<li><a class="clicker" title="Company">Company </a>
<ul class="link">
<li><a title="About Us" href="{{store_url=about-us}}">About Us</a></li>
<li><a title="Customer Service" href="#">Customer Service</a></li>
<li><a title="Privacy Policy" href="#">Privacy Policy</a></li>
<li><a title="Site Map" href="{{store_url=catalog/seo_sitemap/category/}}"><span>Site Map</span></a></li>
<li><a title="Search Terms" href="{{store_url=catalogsearch/term/popular/}}"><span>Search Terms</span></a></li>
<li class="last"><a title="Advanced Search" href="{{store_url=catalogsearch/advanced/}}"><span>Advanced Search</span></a></li>
</ul>
</li>
</ul>
</div>
</div></xmp>
<br /><hr class="color"><br />

<p><b>Amaze Category Static Block</b></p>
<img class="tab_section_img"  src="images/menu_doc.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose <b>category-node-13</b></p>
<p><b>Note:</b>To create the the static block under parent catregory you need to concat your parent
category id to the block identifier Ex. 13 is your parent category id under which you
want to display static block then you need to create a static block with identifier
<b>"category-node-13"</b>. You can create seperate static blocks by changing only
category id.
</p>
<p><b>Default code</b></p>
<xmp><div class="nav-add">
<div class="push_item">
<div class="push_img"><a href="#"> <img src="{{skin url="images/women_jwellery.png"}}" alt="women jwellery" /> </a></div>
<div class="push_text">Lorem Ipsum is simply dummy text of the printing</div>
</div>
<div class="push_item">
<div class="push_img"><a href="#"> <img src="{{skin url="images/women_bag.png"}}" alt="women bag" /> </a></div>
<div class="push_text">Lorem Ipsum is simply dummy text of the printing</div>
</div>
<div class="push_item">
<div class="push_img"><a href="#"> <img src="{{skin url="images/women_sandle.png"}}" alt="women sandle" /> </a></div>
<div class="push_text">Lorem Ipsum is simply dummy text of the printing</div>
</div>
<div class="push_item push_item_last">
<div class="push_img"><a href="#"> <img src="{{skin url="images/women_top.png"}}" alt="women top" /> </a></div>
<div class="push_text">Lorem Ipsum is simply dummy text of the printing</div>
</div>
</div></xmp>
<br /><hr class="color"><br />


<p><b>Custom</b></p>
<img class="tab_section_img"  src="images/menu_doc3.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose block <b>amaze_navigation_block</b></p>
<p><b>Default code</b></p>
<xmp>
            <div class="grid12-5">
              <h4 class="heading">HTML5 + CSS3</h4>
              <div class="ccs3-html5-box"><em class="icon-html5">&nbsp;</em> <em class="icon-css3">&nbsp;</em></div>
              <p>Our designed to deliver almost everything you want to do online without requiring additional plugins.CSS3 has been split into "modules".</p>
            </div>
            <div class="grid12-5">
              <h4 class="heading">Responsive Design</h4>
              <a href="#">
              <div class="icon-custom-reponsive">&nbsp;</div>
              </a>
              <p>Responsive design is a Web design to provide an optimal navigation with a minimum of resizing, and scrolling across a wide range of devices.</p>
            </div>
            <div class="grid12-5">
              <h4 class="heading">Google Fonts</h4>
              <a href="#">
              <div class="icon-custom-google-font">&nbsp;</div>
              </a>
              <p>Our font delivery service is built upon a reliable, global network of servers. Our flexible solution provides multiple implementation options.</p>
            </div>
            <div class="grid12-5">
              <h4 class="heading">Smart Product Grid</h4>
              <a href="#">
              <div class="icon-custom-grid">&nbsp;</div>
              </a>
              <p>Smart Product Grid is uses maximum available width of the screen to display content. It can be displayed on any screen or any devices.</p>
            </div>
            <br>
</xmp>
<br /><hr class="color"><br />

<p><b>Amaze Home Slider Banner Block</b></p>
<img class="tab_section_img"  src="images/slider_doc.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose <b>block amaze_home_slider_banner_block</b></p>
<p><b>Default code</b></p>
<xmp><div class="slider-intro">
<div class="the-slideshow slideshow-wrapper">
<ul class="slideshow" style="overflow: hidden;">
<li class="slide">
<p><a href="#"> <img src="{{skin url="images/banner-img.jpg"}}" alt="banner image" /></a></p>
<div class="caption light1 top-right">
<div class="caption-inner">
<p class="heading">Women Collection 2014</p>
<p class="heading1">Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
<p class="intro-btn"><a title="Click to see all features" href="#">Shop Now</a></p>
</div>
</div>
</li>
<li class="slide">
<p><a href="#"> <img src="{{skin url="images/banner-img1.jpg"}}" alt="banner image1" /></a></p>
<div class="caption light1 top-right">
<div class="caption-inner">
<h2 class="heading">You like this theme?</h2>
<p class="heading1">Pellentesque habitant morbi tristique senectus</p>
<p class="intro-btn"><a title="Click to see all features" href="#">Buy Now</a></p>
</div>
</div>
</li>
<li class="slide">
<p><a title="#" href="#"> <img src="{{skin url="images/banner-img2.jpg"}}" alt="banner image2" /> </a></p>
<div class="caption light1 top-right">
<div class="caption-inner">
<p class="heading">Responsive Layout</p>
<p class="intro-btn"><a title="Click to see all features" href="#">Buy Now</a></p>
</div>
</div>
</li>
</ul>
<a id="home-slides-prev" class="backward browse-button" href="#">previous</a> <a id="home-slides-next" class="forward browse-button" href="#">next</a>
<div id="home-slides-pager" class="tab-pager tab-pager-img tab-pager-ring-lgray">&nbsp;</div>
</div>
</div></xmp>
<br /><hr class="color"><br />


<p><b>Amaze LHS Banner Block</b></p>
<img class="tab_section_img"  src="images/rhs_contact.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose block <b>amaze_lhs_banner_block</b></p>
<p><b>Default code</b></p>
<xmp><div class="cat-block pro-block">
<div class="pro1-block">
<ul class="top-cat-box">
<li>
<div><img src="{{skin url="images/women-img.png"}}" alt="women image" /></div>
<h2>Women</h2>
<p>Lorem ipsum dolor sit amet, consectetur.</p>
<a href="#">Buy Now</a></li>
<li>
<div><img src="{{skin url="images/men-img.png"}}" alt="men image" /></div>
<h2>Men</h2>
<p>Consectetur adipiscing elit.</p>
<a href="#">Buy Now</a></li>
<li>
<div><img src="{{skin url="images/electronics-img.png"}}" alt="electronics image" /></div>
<h2>Electronics</h2>
<p>Voluptatem accusantium doloremque</p>
<a href="#">Buy Now</a></li>
<li>
<div><img src="{{skin url="images/furniture-img.png"}}" alt="furniture image" /></div>
<h2>Furniture</h2>
<p>eaque ipsa quae ab illo inventore</p>
<a href="#">Buy Now</a></li>
</ul>
</div>
</div></xmp>
<br /><hr class="color"><br />

<p><b>Amaze Home Slider Banner Block Type2</b></p>
<img class="tab_section_img"  src="images/home_slider_type2.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose block <b>amaze_home_slider_banner_block_type2</b></p>
<p><b>Default code</b></p>
<xmp><div class="slider-intro">
<div class="the-slideshow slideshow-wrapper">
<ul class="slideshow" style="overflow: hidden;">
<li class="slide">
<p><a href="#"> <img src="{{skin url="images/banner-img-type2.jpg"}}" alt="Banner Image" /></a></p>
<div class="caption light1 top-right">
<div class="caption-inner">
<p class="heading">Women Collection 2014</p>
<p class="heading1">Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
<p class="intro-btn"><a title="Click to see all features" href="#">Shop Now</a></p>
</div>
</div>
</li>
<li class="slide">
<p><a href="#"> <img src="{{skin url="images/banner-img1-type2.jpg"}}" alt="Banner Image1" /></a></p>
<div class="caption light1 top-right">
<div class="caption-inner">
<h2 class="heading">You like this theme?</h2>
<p class="heading1">Pellentesque habitant morbi tristique senectus</p>
<p class="intro-btn"><a title="Click to see all features" href="#">Buy Now</a></p>
</div>
</div>
</li>
<li class="slide">
<p><a title="#" href="#"> <img src="{{skin url="images/banner-img2-type2.jpg"}}" alt="Banner Image2" /> </a></p>
<div class="caption light1 top-right">
<div class="caption-inner">
<p class="heading">Responsive Layout</p>
<p class="intro-btn"><a title="Click to see all features" href="#">Buy Now</a></p>
</div>
</div>
</li>
</ul>
<a id="home-slides-prev" class="backward browse-button" href="#">previous</a> <a id="home-slides-next" class="forward browse-button" href="#">next</a>
<div id="home-slides-pager" class="tab-pager tab-pager-img tab-pager-ring-lgray">&nbsp;</div>
</div>
</div></xmp>
<br /><hr class="color"><br />

<p><b>Amaze LHS Banner Block Type2</b></p>
<img class="tab_section_img"  src="images/lhs_banner_type2.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose block <b>amaze_lhs_banner_block_type2</b></p>
<p><b>Default code</b></p>
<xmp><div class="cat-block pro-block">
<div class="pro1-block">
<ul class="top-cat-box">
<li>
<div><img src="{{skin url="images/women-img.png"}}" alt="women image" /></div>
<h2>Women</h2>
<a href="#">Buy Now</a></li>
<li>
<div><img src="{{skin url="images/men-img.png"}}" alt="men image" /></div>
<h2>Men</h2>
<a href="#">Buy Now</a></li>
<li>
<div><img src="{{skin url="images/electronics-img.png"}}" alt="Electronics image" /></div>
<h2>Electronics</h2>
<a href="#">Buy Now</a></li>
<li>
<div><img src="{{skin url="images/furniture-img.png"}}" alt="Furniture image" /></div>
<h2>Furniture</h2>
<a href="#">Buy Now</a></li>
</ul>
</div>
</div></xmp>
<br /><hr class="color"><br />

<p><b>Amaze Home Offer Banner Block</b></p>
<img class="tab_section_img"  src="images/home_offer_banner.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose block <b>amaze_home_offer_banner_block</b></p>
<p><b>Default code</b></p>
<xmp><div class="col"><img src="{{skin url="images/offer-banner1.png"}}" alt="offer banner1" /></div>
<div class="col"><img src="{{skin url="images/offer-banner2.png"}}" alt="offer banner2" /></div>
<div class="col"><img src="{{skin url="images/offer-banner3.png"}}" alt="offer banner3" /></div>
<div class="col last"><img src="{{skin url="images/offer-banner4.png"}}" alt="offer banner4" /></div></xmp>
<br /><hr class="color"><br />

<p><b>Amaze Header Block</b></p>
<img class="tab_section_img"  src="images/promotion_doc.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose block <b>amaze_header_block</b></p>
<p><b>Default code</b></p>
<xmp><div class="service-section">
<div id="store-messages" class="messages-3">
<div class="message"><em class="icon-refresh">&nbsp;</em> <span><strong>Return &amp; Exchange</strong> in 3 working days </span>Lorem ipsum dolor sit amet, consectetur adipiscing.</div>
<div class="message"><em class="icon-truck">&nbsp;</em><span><strong>Free Shipping</strong> order over $99</span>Lorem ipsum dolor sit amet, consectetur adipiscing.</div>
<div class="message"><em class="icon-discount">&nbsp;</em><span><strong>50% Off</strong> on all products</span>Lorem ipsum dolor sit amet, consectetur adipiscing.</div>
</div>
</div></xmp>
<br /><hr class="color"><br />

<p><b>Amaze RHS Contact Form Block</b></p>
<img class="tab_section_img"  src="images/rhs_contact_form.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose block <b>amaze_rhs_contact_form_block</b></p>
<p><b>Default code</b></p>
<xmp><div class="slider-phone active">
<h2>TALK TO US</h2>
<h3>Available 24/7</h3>
<p class="textcenter">Want to speak to someone? We are here 24/7 to answer any questions. Just call!<br /> <br /> <span class="phone-number"> +1 800 123 1234</span></p>
</div></xmp>
<br /><hr class="color"><br />

<p><b>Amaze Featured Product Text Block</b></p>
<img class="tab_section_img"  src="images/featured_product_text.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose block <b>amaze_featured_product_text_block</b></p>
<p><b>Default code</b></p>
<xmp><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pharetra tristique eros dignissim venenatis. Nam et dolor id arcu efficitur tincidunt quis non nisi. Duis commodo pellentesque quam, id mollis ligula dictum id. Morbi cursus consectetur magna a egestas. Sed eu sagittis leo. Mauris euismod dapibus nisl, at euismod nunc commodo vel. Nulla semper non nisi in placerat. Aenean at nisl eu odio ullamcorper varius non ac ante. Quisque dictum, felis lobortis faucibus ornare, enim mi mollis ex, ac vestibulum neque nibh at nisi.</p></xmp>
<br /><hr class="color"><br />


<p><b>Amaze Home Latest Blog Block</b></p>
<img class="tab_section_img"  src="images/home_blog_doc.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose block <b>amaze_home_latest_blog_block</b></p>
<p><b>Default code</b></p>
<xmp><div>{{block type="blogmate/index" name="blog_home" template="blogmate/right/home_right.phtml"}}</div></xmp>
<br /><hr class="color"><br />

<p><b>Amaze Logo Brand block</b></p>
<img class="tab_section_img"  src="images/brand_logo_doc.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose block <b>amaze_logo_brand_block</b> </p>
<p><b>Default code</b></p>
<xmp><div class="brand-logo">
<div class="jcarousel-skin-tango">
<div id="mycarousel3" class="jcarousel-container jcarousel-container-horizontal" style="position: relative; display: block;">
<div class="jcarousel-clip jcarousel-clip-horizontal" style="overflow: hidden; position: relative;">
<ul class="jcarousel-list jcarousel-list-horizontal" style="overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px; width: 1940px;">
<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" style="float: left; list-style: none outside none;"><img src="{{skin url="images/b-logo1.png"}}" alt="brand-logo" /></li>
<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal" style="float: left; list-style: none outside none;"><img src="{{skin url="images/b-logo2.png"}}" alt="brand-logo" /></li>
<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-3 jcarousel-item-3-horizontal" style="float: left; list-style: none outside none;"><img src="{{skin url="images/b-logo3.png"}}" alt="brand-logo" /></li>
<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-4 jcarousel-item-4-horizontal" style="float: left; list-style: none outside none;"><img src="{{skin url="images/b-logo4.png"}}" alt="brand-logo" /></li>
<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-5 jcarousel-item-5-horizontal" style="float: left; list-style: none outside none;"><img src="{{skin url="images/b-logo5.png"}}" alt="brand-logo" /></li>
<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-6 jcarousel-item-6-horizontal" style="float: left; list-style: none outside none;"><img src="{{skin url="images/b-logo6.png"}}" alt="brand-logo" /></li>
<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-7 jcarousel-item-7-horizontal" style="float: left; list-style: none outside none;"><img src="{{skin url="images/b-logo3.png"}}" alt="brand-logo" /></li>
<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-8 jcarousel-item-8-horizontal" style="float: left; list-style: none outside none;"><img src="{{skin url="images/b-logo2.png"}}" alt="brand-logo" /></li>
<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-9 jcarousel-item-9-horizontal" style="float: left; list-style: none outside none;"><img src="{{skin url="images/b-logo5.png"}}" alt="brand-logo" /></li>
<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-10 jcarousel-item-10-horizontal" style="float: left; list-style: none outside none;"><img src="{{skin url="images/b-logo4.png"}}" alt="brand-logo" /></li>
</ul>
</div>
<div class="jcarousel-prev jcarousel-prev-horizontal" style="display: block;">&nbsp;</div>
<div class="jcarousel-next jcarousel-next-horizontal" style="display: block;">&nbsp;</div>
</div>
</div>
</div></xmp>
<br /><hr class="color"><br />

<p><b>Amaze Footer About Us</b></p>
<img class="tab_section_img"  src="images/footer_address_doc.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose <b>amaze_footer_about_us</b></p>
<p><b>Default code</b></p>
<xmp><p><img src="{{skin url="images/f-logo.png"}}" alt="Footer Logo" /></p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p></xmp>
<br /><hr class="color"><br />

<p><b>Amaze Footer Information Links Block</b></p>
<img class="tab_section_img"  src="images/footer_links_doc.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose block <b>amaze_footer_information_links_block</b>  </p>
<p><b>Default code</b></p>
<xmp><div class="footer-column">
<h4 class="green">Shopping Guide</h4>
<ul class="links">
<li class="first"><a title="How to buy" href="#">How to buy</a></li>
<li><a title="FAQs" href="#">FAQs</a></li>
<li><a title="Payment" href="#">Payment</a></li>
<li><a title="Shipment" href="#">Shipment</a></li>
<li><a title="Where is my order?" href="#">Where is my order?</a></li>
<li class="last"><a title="Return policy" href="#">Return policy</a></li>
</ul>
</div>
<div class="footer-column">
<h4 class="yellow">Style Advisor</h4>
<ul class="links">
<li class="first"><a title="Your Account" href="{{store_url=customer/account/}}">Your Account</a></li>
<li><a title="Information" href="#">Information</a></li>
<li><a title="Addresses" href="#">Addresses</a></li>
<li><a title="Addresses" href="#">Discount</a></li>
<li><a title="Orders History" href="#">Orders History</a></li>
<li class="last"><a title=" Additional Information" href="#"> Additional Information</a></li>
</ul>
</div>
<div class="footer-column">
<h4 class="orange">Information</h4>
<ul class="links">
<li class="first"><a title="Site Map" href="{{store_url=catalog/seo_sitemap/category/}}">Site Map</a></li>
<li><a title="Search Terms" href="{{store_url=catalogsearch/term/popular/}}">Search Terms</a></li>
<li><a title="Advanced Search" href="{{store_url=catalogsearch/advanced/}}">Advanced Search</a></li>
<li><a title="History" href="# ">History</a></li>
<li><a title="Suppliers" href="#">Suppliers</a></li>
<li class=" last"><a class="link-rss" title="Our stores" href="#">Our stores</a></li>
</ul>
</div></xmp>
<br /><hr class="color"><br />

<p><b>Amaze Footer Contact Us</b></p>
<img class="tab_section_img"  src="images/footer_contact_us_doc.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose <b>amaze_footer_contact_us</b></p>
<p><b>Default code</b></p>
<xmp><h4 class="blue">Contact Us</h4>
<address><em class="add-icon">&nbsp;</em>123 Main Street, Anytown, <br /> &nbsp;CA 12345 USA</address>
<div class="phone-footer"><em class="phone-icon">&nbsp;</em> +1 800 123 1234</div>
<div class="email-footer"><em class="email-icon">&nbsp;</em> <a href="#">support@magikcommerce.com</a></div></xmp>
<br /><hr class="color"><br />

<p><b>Amaze Footer links</b></p>
<img class="tab_section_img"  src="images/footer_bottom_doc.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose block <b>amaze_footer_links</b></p>
<p><b>Default code</b></p>
<xmp><div class="footer-bottom">
<div class="inner1">
<div class="coppyright">Copyright &copy; 2014. All Rights Reserved. Designed by <a href="http://www.magikcommerce.com">magikcommerce.com</a></div>
<div class="bottom_links">
<ul class="links">
<li><a title="Magento Themes" href="http://www.magikcommerce.com/magento-themes-templates">Magento Themes</a></li>
<li><a title="Responsive Themes" href="http://www.magikcommerce.com/magento-themes-templates/responsive-themes">Responsive Themes</a></li>
<li class="last"><a title="Magento Extensions" href="http://www.magikcommerce.com/magento-extensions">Magento Extensions</a></li>
</ul>
</div>
</div>
</div></xmp>
<br /><hr class="color"><br />

<p><b>Empty Category</b></p>
<img class="tab_section_img"  src="images/category_blank_doc.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose <b>amaze_empty_category</b></p>
<p><b>Default code</b></p>
<xmp><p>There are no products matching the selection.<br /> This is a static CMS block displayed if category is empty. You can put your own content here.</p></xmp>
<br /><hr class="color"><br />

<p><b>Amaze View Page Block</b></p>
<img class="tab_section_img"  src="images/custom_banner_view.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose <b>amaze_view_page_block</b></p>
<p><b>Default code</b></p>
<xmp><div class="product-additional">
<div class="block-product-additional"><img src="{{skin url="images/offer-banner3.png"}}" alt="custom block" /></div>
</div></xmp>
<br /><hr class="color"><br />

<p><b>Custom Tab1</b></p>
<img class="tab_section_img"  src="images/custom_tab1_doc.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose <b>amaze_custom_tab1</b></p>
<p><b>Default code</b></p>
<xmp><p><strong>Lorem Ipsum</strong><span>&nbsp;is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</span></p></xmp>
<br /><hr class="color"><br />

<p><b>Custom Tab2</b></p>
<img class="tab_section_img"  src="images/custom_tab2_doc.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose <b>amaze_custom_tab2</b></p>
<p><b>Default code</b></p>
<xmp><p><strong>Lorem Ipsum</strong><span>&nbsp;is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</span></p></xmp>
<br /><hr class="color"><br />

<p><b>Amaze Blog Banner Ad Block</b></p>
<img class="tab_section_img"  src="images/blog_banner_ad_block.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose <b>amaze_blog_banner_ad_block</b> </p>
<p><b>Default code</b></p>
<xmp><div class="ad-spots widget widget__sidebar">
<h3 class="widget-title">Ad Spots</h3>
<div class="widget-content"><a title="" href="#" target="_self"><img src="{{skin url="images/offer-banner1.jpg"}}" alt="offer banner" /></a></div>
</div></xmp>
<br /><hr class="color"><br />

<p><b>Amaze Blog Banner Text Block</b></p>
<img class="tab_section_img"  src="images/blog_banner_text_block.png" alt="image" />
<p>Go to <code>CMS -> Static Blocks,</code> choose <b>amaze_blog_banner_text_block</b> </p>
<p><b>Default code</b></p>
<xmp><div class="text-widget widget widget__sidebar">
<h3 class="widget-title">Text Widget</h3>
<div class="widget-content">Mauris at blandit erat. Nam vel tortor non quam scelerisque cursus. Praesent nunc vitae magna pellentesque auctor. Quisque id lectus.<br /> <br /> Massa, eget eleifend tellus. Proin nec ante leo ssim nunc sit amet velit malesuada pharetra. Nulla neque sapien, sollicitudin non ornare quis, malesuada.</div>
</div></xmp>
<br /><hr class="color"><br />

            </div> <!--tab_section-15-->

            <div class="tab_section" id="tab_section-16">
                        <div class="title-bg">
                                <h2>Localization</h2>
                        </div>
            <p><b>Interface translation</b></p>
<p>If you want to change additional interface character strings. For example “Special Price”
label is replaced with shorter “Now only” label. Strings are located in
app/design/frontend/default/default/locale/en_US/translate.csv. This file can be used to
translate the interface into other languages.
</p>
<p><b>Example</b></p>
<p>To translate the interface into spanish follow these instructions:</p>
<p>1. Create a new folder for your translation. For spanish language it will be
app/design/frontend/default/amaze/locale/es_ES.</p>
<p>2. Copy translate.csv from app/design/frontend/default/default/locale/en_US and paste it
into created folder app/design/frontend/default/amaze/locale/es_ES.</p>
<p>3. Open app/design/frontend/default/amaze/locale/es_ES/translate.csv in OpenOffice
Calc (or other text editor like Notepad++, PSPad).</p>
<p><b>Note:</b>The editor should be capable to save file in UTF-8 encoding. Do not use Excel, it can break file structure.<p>
<p>If you open translate.csv in OpenOffice Calc it might look like this:</p>
<br /><table cellspacing="0" cellpadding="0" class="cms-list">
                                        <tbody>
                                        <tr class="even">
                                                <td>Special Price:</td>
                                                <td>Now only:</td>
                                        </tr>
                                        
                                        <tr class="old">
                                                <td>My Wishlist</td>
                                                <td>Wishlist</td>
                                        </tr>
                                        
                                        <tr class="even">
                                                <td>My Wishlist (%d item)</td>
                                                <td>Wishlist (%d)</td>
                                        </tr>
                                        
                                        <tr class="old">
                                                <td>My Wishlist (%d items)</td>
                                                <td>Wishlist (%d)</td>
                                        </tr>
                                        
                                        <tr class="even">
                                                <td>My Account</td>
                                                <td>Account</td>
                                        </tr>
                                        
                                        <tr class="old">
                                                <td>…</td>
                                                <td>…</td>
                                        </tr>

                                </tbody></table> <br />


<p>The first column contains the original character strings. It should be left intact. In
the second column you can place your translation of each string.</p>
<p>Some strings contains %d or %s entries. These entries should be left intact in the
translated strings.</p>



            </div> <!--tab_section-16-->

            <div class="tab_section" id="tab_section-17">
                        <div class="title-bg">
                                <h2>How To</h2>
                        </div>
            </div> <!--tab_section-17-->
            <div class="tab_section" id="tab_section-18">
                        <h3>Change title of homepage</h3>
                        <p>Go to <code>CMS -> Pages</code></p> 
                        <p>Choose <b>Amaze Home Page</b></p>
                        <p>Edit <b>Page Title</b> field.</p>
                        <p>Press <b>Save Page.</b></p><br />
            </div> <!--tab_section-18-->

            <div class="tab_section" id="tab_section-19">
                        <h3>Change "Default welcome msg !"</h3>
                        <p>Go to <code>System -> Configuration -> Design</code></p> 
                        <p>Go to group Header</p>
                        <p>Edit Welcome text field then press <b>Save Config</b></p><br />
            </div> <!--tab_section-19-->

            <div class="tab_section" id="tab_section-20">
                        <h3>Add Featured Products</h3>
                        <img class="tab_section_img"  src="images/addfeatured.png" alt="image" /><br />
                        <p>Go to <code>Catalog -> Manage Products</code></p><br />
                        <img class="tab_section_img"  src="images/addfeaturedadmin.png" alt="image" /><br />
                        <p>1. Check products you want to show as featured ones on homepage</p>
                        <p>2. <b>Action:</b> Choose Update Attributes</p>
                        <p>Click <b>Submit</b> button</p>
                        <p>Find Featured Product attribute and change value to yes as follows:</p>
                        <img class="tab_section_img"  src="images/addfeaturedadmin1.png" alt="image" /><br />
                        <p>Click <b>Save</b> button</p>
            </div> <!--tab_section-20-->

            <div class="tab_section" id="tab_section-21">
                        <h3>Add Related Products</h3>
                        <img class="tab_section_img"  src="images/addrelated.png" alt="image" /><br />
                        <p>Go to <code>Admin panel -> Catalog -> Manage Products.</code></p>
                        <p>Choose appropriate product.</p>
                        <p>Go to <b>Related Products</b> tab.</p>
                        <p>Press <b>Reset filter</b> button.</p>
                        <p>Choose appropriate products</p>
                        <p>Press <b>Save</b> button</p><br />
            </div> <!--tab_section-21-->

            <div class="tab_section" id="tab_section-22">
                        <h3>Add Up-Sell Products</h3>
                        <img class="tab_section_img"  src="images/addupsell.png" alt="image" /><br />
                        <p>Go to <code>Admin panel -> Catalog -> Manage Products.</code></p>
                        <p>Choose appropriate product.</p>
                        <p>Go to <b>Up-Sell Products</b> tab.</p>
                        <p>Press <b>Reset filter</b> button.</p>
                        <p>Choose appropriate products</p>
                        <p>Press <b>Save</b> button</p><br />
            </div> <!--tab_section-22-->

            <div class="tab_section" id="tab_section-23">
                        <div class="title-bg">
                                <h2>Extension Configuration</h2>
                        </div>
            </div> <!--tab_section-23-->
            <div class="tab_section" id="tab_section-24">
                        <h3>BlogMate</h3>
                        <p>Go to Admin Panel and click <b>Blog Settings</b> menu under <b>BlogMate</b> tab to save global blog configration settings.</p>
                        <img class="tab_section_img" src="images/blog_settings.png" alt="image" /> <br />
                        <p>Click on <b>Add New Category</b> button in Manage Category under BlogMate menu tab to add new category following screen will be displayed. We can create subcategory or sub-sub categor just like
                        3 level categories tree structure</p>
                        <img class="tab_section_img" src="images/blog_add_categ_1.png" alt="image" /> <br />
                        <p>Click <b>Add New Post</b> button in <b>Manage Blog</b> under BlogMate menu tab to add new blog post.</p>
                        <img class="tab_section_img" src="images/blog_add-1_1.png" alt="image" /> <br />
                        <p>Click on any comment in Manage Comment under BlogMate menu tab to edit that</p>
                        <img class="tab_section_img" src="images/blog_edit_comment.png" alt="image" /> <br />
            </div> <!--tab_section-24-->

            <div class="tab_section" id="tab_section-25">
                        <h3>Scrolling Cart</h3>
                        <p>Go to <code>System > Configuration > Magik > Scrolling Cart</code></p>
                        <p>This tab will display all the scrolling cart configuration & custom configuration option. You can change options as your requirement & click on save.</p>
                        <img class="tab_section_img" src="images/admin_scroll.png" alt="image" /> <br />                        
            </div> <!--tab_section-25-->

            <div class="tab_section" id="tab_section-26">
                        <h3>Social Bar</h3>
                        <p>You will see a new Tab <b>Social Bar</b> in Admin bar. Click on <b>Manage Social Bar</b> to set up require social sites.</p>
                        <img class="tab_section_img" src="images/social-bar.png" alt="image" /> <br />                        
            </div> <!--tab_section-26-->

            <div class="tab_section" id="tab_section-27">
                        <div class="title-bg">
                                <h2>Switch Theme Color</h2>
                        </div>
                          <p>
                        In Admin panel under <code>"System" => "config" select your "Current Configuration Scope"</code> & setup the theme name under design.
                          </p>
              <img class="tab_section_img"  src="images/design-color.png" alt="image" />
             <p>Following color options are available :</p>
             <p>1. Aqua - use <b>"amaze-aqua"</b></p>
             <p>2. Yellow - use <b>"amaze-yellow"</b></p>
             <p>3. Green - use <b>"amaze-green"</b></p>
             <p>4. Orange - use <b>"amaze-orange"</b></p> <br />

            </div> <!--tab_section-27-->
        
             <div class="tab_section" id="tab_section-28">
                        <div class="title-bg">
                                <h2>Troubleshooting</h2>
                        </div>
<p><b>1. I'm getting 404 not found when trying to open theme admin pages.</b></p>
<p>Log out from Magento admin panel, clear the store cache under var/cache, and log
in again.
</p><br />

<p><b>2. After the extension installation the store gives an error, or blank page.</b></p>
<p>Log out from Magento admin panel. Change the owner of the extracted extension
files to the web server user and set 775 permissions on them. Clear the store cache
and try again.
</p><br />

<p><b>3. There is no Theme Admin in configuration section, or I get a blank page, or Access Denied error.</b></p>
<p>Log out from Magento admin panel, clear the store cache under var/cache, clear all
browser cookies for your store domain and log in again.
</p><br />

<p><b>4. My configuration changes do not appear on the frontend.</b></p>
<p>Clear the store cache under var/cache, clear all browser cookies for your store
domain and refresh the page in your browser.
</p><br />

<p><b>5. Some of the theme features don't work or give errors. What can cause the problem?</b></p>
<p>a) Magento cache (or external cache) was not flushed after installation of the theme.
b) Compilation mode was not disabled before installation.
c) Some of the theme files were not uploaded.
d) File permissions issue.
e) You have some third-party extensions which change/break theme's default
behavior
or cause some conflicts. Extensions such as Fooman Speedster can break the
JavaScript files – refer to chapter for more details.
f) You edited theme files and accidentally removed or changed something in the files.
g) You have customized the theme by creating custom sub-theme and your
modifications change/break the default behavior of the theme.
h) You have some elements that left from your previous theme (e.g. in Magento's
"base" theme in app/design/frontend/base/) and that changes/breaks the default
behavior of the theme.
Also check your log files in var/log/ (log settings should be enabled in System >
Config > Developer) for more information about possible errors.
</p><br />

<p><b>6. One of my extensions doesn't work with this theme.</b></p>
<p>This theme may not be compatible with some third-party extensions. It’s impossible for theme author to make the theme compatible by default with all existing extensions
because there are thousands of available Magento extensions. Generally all
extensions can work with all themes but sometimes they have to be integrated
manually. That’s because sometimes the extension and the theme override the same
Magento template file so there can be a conflict.
</p><br />

<p><b>7. One of the features stopped working after third-party extension was installed.</b></p>
<p>There can be a conflict, if the extension and the theme override the same
Magento template file. You should contact author of the extension for more
information. Also, check your log files in var/log/ (log settings should be enabled
in System > Config > Developer) for more information about the error.
</p><br />

<p><b>8. How to add image under "FURNITURE" category?</b></p>
<img class="tab_section_img"  src="images/menu1_doc.png" alt="image" />
<p>To add image under category in top navigation go to <code>Admin panel -> Catalog -> Manage
Categories.</code> Select any parent category under which you want to show the image & upload
your category thumbnail image under <b>General Information -> Thumbnail Image.</b>
</p><br />

<p><b>9. How to remove Bestseller or Featured Products from home page?</b></p>
<p>In admin panel Go to CMS -> Pages -> "Amaze Home Page" content section.</p><br />

<p><b>10. How to Display Featured Products on home page?</b></p>
<p>To display featured products on home page . Go to Catalog -> Manage Products
Edit any product under General tab "Featured Product On Home" set to "Yes".
</p><br />

<p><b>11. How to remove dropdown menu under Home tab?</b></p>
<p>In admin panel Go to CMS -> Static Blocks -> "Amaze Fixed Home Tab Dropdown Block". Here disable status.</p><br />

<p><b>12. When I add a blog I haven't an image showing. Where do I put the image that will show on the homepage with the overlay that takes you to the blog article?</b></p>
<p>In admin panel Go to BlogMate > Manage Blog > Add New Post. Under <b>Content</b> section upload your blog image. 
<img class="tab_section_img"  src="images/blog_img_doc.png" alt="image" />
</p><br />

<p><b>13. How do I fix footer newsletter text 'Amaze newsletter'?</b></p>
<p>Go to app/design/frontend/rwd/amaze/template/newsletter/subscribe_home.phtml</p><br />

<p><b>14. How to add banner slider under category page?</b></p>
<img class="tab_section_img"  src="images/grid_banner_doc.png" alt="image" />
<p>To add banner slider under category page . Go to Catalog -> Manage Categories
General Information -> Description.
<p><b>Default code</b></p>
<xmp> <div class="category-image">
        <div id="slides">
          <div class="slides_container">
            <div><img title="Women Banner" src="{{skin url="images/women_banner.png"}}" alt="women banner" /> 
                        <div class="cat-img-title cat-bg cat-box">
                        <h2 class="cat-heading">Category Banner</h2>
                        <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
                                </div>
                                </div>
            <div><img title="Women Banner" src="{{skin url="images/women_banner1.png"}}" alt="women banner1" /></div>
          </div>
        </div>
        <script>
        jQuery(function(){
        jQuery("#slides").slides({
                generatePagination: false,
                generateNextPrev: true,
                effect: 'fade',
                crossfade: true,
                play: 5000
        });
    });
</script>
      </div></xmp>

</p><br />

<p><b>15. Do u have an example of grouped and configurable products behavior?</b></p>
<p>Checkout the demo links below –</p>
<p><b><a href="http://demo.magikthemes.com/index.php/amazefixred/women-casual-wear-63.html" target="_blank">Simple Product</a></b></p>
<p><b><a href="http://demo.magikthemes.com/index.php/amazefixred/gaming-micromax.html" target="_blank">Bundle product</a></b></p>
<p><b><a href="http://demo.magikthemes.com/index.php/amazefixred/magento-red-furniture-set.html" target="_blank">Grouped Product</a></b></p>
<p><b><a href="http://demo.magikthemes.com/index.php/amazefixred/cn-clogs-beach.html" target="_blank">Configurable Product</a></b></p><br />

            </div> <!--tab_section-28-->   
            
            
            
 
 

          <script src="js/jquery.nav.js"></script>
          <script src="js/jquery.scrollTo.js"></script>
          <script>
$(document).ready(function() {
	$('#nav').onePageNav({
		begin: function() {
		console.log('start')
		},
		end: function() {
		console.log('stop')
		}
	});
	
	$('.do').click(function(e) {
		$('#tab_section-4').append('<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>');
		e.preventDefault();
	});
	
});
</script>
       

</div>
<!--wrapper-->
</body>
</html>
