Metro Store Installation Doc

just a little helper


We are extremely happy to present Metro Store Magento Theme to you, it is designed and developed by highly qualified Designer & Developers in a way that make it usable for any type of E-Commerce store.

Please follow this guide carefully to get started with Metro Store.

Highlights

 

General

Thank you very much for purchasing! In this document you will find all the information about how to setup and configure this theme in your Magento Installation.

 

System Requirements

Metro Store only supports Magento Community Edition 1.6.x.x and 1.7.x.x which can be downloaded from http://www.magentocommerce.com/download.

It does not support Magento Enterprise Edition and Magento GO. Before downloading Magento, make sure you meet the system requirements and test the compatibility of your server.

For help with installing Magento, please refer to the following links:

Uploading Metro Store

Before you begin the installation process, we recommend to backup your Magento installation and database.

 

Make “Metro Store” your theme

<div class="home-block home-block2 custom">
<div class="one_half">
<div class="new-arrow">
<h2 class="page-title subtitle">Premium Magneto Theme</h2>
</div>
<div class="img_right"><img src="{{media url="wysiwyg/category-banner/iphone_smallimg.png"}}" alt="" /></div>
<p>All customisation and theme code structure follow 100% magento code standard. It&rsquo;s easy to update theme,
customisation and install magento extension.</p>
<div class="martop3">&nbsp;</div>
<ul class="list">
<li><em class="icon-stop"></em>Ability to create multi-store easily and create different layout from admin panel for your store.</li>
<li><em class="icon-stop"></em>Ability to define boxed layout or full layout for any store from admin panel.
Also admin is able to enable or disable boxed layout shadow.</li>
</ul>
</div>
<div class="one_half last">
<div class="new-arrow">
<h2 class="page-title subtitle">Feature list</h2>
</div>
<ul class="list-icon small-icon">
<li><em class="icon1 icon-cog"></em>
<div class="right">
<h2>Customization</h2>
<p>Customize theme easily through Admin Settings with number of options such as Background, Google Fonts, Size, Colors, Menu,
Banners, and Hover Effects etc.</p>
</div>
</li>
<li class="last"><em class="icon2 icon-envelope"></em>
<div class="right">
<h2>Support &amp; Updates</h2>
<p>We do care about our customers and we have Support ticket system for our customers to get in touch with us easily any time.</p>
</div>
</li>
</ul>
</div>
</div>
<div class="home-block home-block1">
<div class="custom"><span class="icon icon-mobile-phone">&nbsp;</span>
<h2>Fluid Based Responsive</h2>
<p>Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and
the desktop or any other viewing environment.</p>
</div>
<div class="custom"><span class="icon icon-cogs">&nbsp;</span>
<h2>Customization</h2>
<p>Customize theme easily through Admin Settings with number of options such as Background, Google Fonts, Size, Colors, Menu,
Banners, and Hover Effects etc.</p>
</div>
<div class="custom"><span class="icon icon-comments">&nbsp;</span>
<h2>Support &amp; Updates</h2>
<p>We do care about our customers and we have Support ticket system for our customers to get in touch with us easily any time.</p>
</div>
</div>
<div class="home-block home-block3">
<div class="one_third">
<div class="img_center"><img src="{{media url="wysiwyg/category-banner/block1.png"}}" alt="" /></div>
</div>
<div class="one_third">
<div class="img_center"><img src="{{media url="wysiwyg/category-banner/block2.png"}}" alt="" /></div>
</div>
<div class="one_third last">
<div class="img_center"><img src="{{media url="wysiwyg/category-banner/block3.png"}}" alt="" /></div>
</div>
</div>
<div class="block">
<div class="block-title"><strong><span>Custom Block</span></strong></div>
<div class="block-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
dummy text ever since the 1500s</p>
</div>
</div>
<div class="block">
<div class="block-title"><strong><span>Custom Block</span></strong></div>
<div class="block-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
dummy text ever since the 1500s</p>
</div>
</div>
<div class="block">
<div class="block-title"><strong><span>Custom Block</span></strong></div>
<div class="block-content">
<div class="img_center img_top"><img src="{{media url="wysiwyg/category-banner/cake_right1.png"}}" alt="" /></div>
<div style="clear: both;">&nbsp;</div>
<div class="martop1">&nbsp;</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy
text ever since the 1500s</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy
text ever since the 1500s</p>
</div>
</div>
<div class="block">
<div class="block-title"><strong><span>Custom Block</span></strong></div>
<div class="block-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
dummy text ever since the 1500s</p>
<div class="img_center"><img src="{{media url="wysiwyg/category-banner/cake_right2.png"}}" alt="" /></div>
<div class="martop1">&nbsp;</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy
text ever since the 1500s</p>
</div>
</div>
<div class="home-block home-block3">
<div class="custom"><img src="{{media url="wysiwyg/category-banner/block4.png"}}" alt="" /></div>
<div class="custom"><img src="{{media url="wysiwyg/category-banner/block5.png"}}" alt="" /></div>
<div class="custom"><img src="{{media url="wysiwyg/category-banner/block6.png"}}" alt="" /></div>
</div>
<p><img src="{{media url="wysiwyg//category-banner/cake.jpg"}}" alt="" /></p>
<div class="fullwidth-block">
<div class="custom">
<div class="one_third">
<div class="img_center"><img src="{{media url="wysiwyg/category-banner/fullwidthimg1.png"}}" alt="" /></div>
<div class="martop1">&nbsp;</div>
<h3>Feature 1</h3>
<p>Lorem Ipsum is simply tyesetting industry typestting industry has been the satneres tect took a gallery
Lorem Ipsum is simply tyesetting.</p>
</div>
<div class="one_third">
<div class="img_center"><img src="{{media url="wysiwyg/category-banner/fullwidthimg2.png"}}" alt="" /></div>
<div class="martop1">&nbsp;</div>
<h3>Feature 2</h3>
<p>Lorem Ipsum is simply tyesetting industry typestting industry has been the satneres tect took a gallery
Lorem Ipsum is simply tyesetting.</p>
</div>
<div class="one_third last">
<div class="img_center"><img src="{{media url="wysiwyg/category-banner/fullwidthimg3.png"}}" alt="" /></div>
<div class="martop1">&nbsp;</div>
<h3>Feature 3</h3>
<p>Lorem Ipsum is simply tyesetting industry typestting industry has been the satneres tect took a gallery
Lorem Ipsum is simply tyesetting.</p>
</div>
</div>
</div>
<div class="home-block custom">
<div class="one_full">
<div class="new-arrow">
<h2 class="page-title subtitle">Feature list</h2>
</div>
<ul class="list-icon small-icon">
<li><em class="icon1 icon-cog"></em>
<div class="right">
<h2>Customization</h2>
<p>Customize theme easily through Admin Settings with number of options such as Background, Google Fonts, Size, Colors,
Menu, Banners, and Hover Effects etc.</p>
</div>
</li>
<li class="last"><em class="icon2 icon-envelope"></em>
<div class="right">
<h2>Support &amp; Updates</h2>
<p>We do care about our customers and we have Support ticket system for our customers to get in touch with us easily any time.</p>
</div>
</li>
</ul>
</div>
</div>

You need to setup correct dates in fields “Set Product as New from Date” and “Set Product as New to Date” for the products you want to display as New Product on home page. 

First of all you need to add an option to Attribute “manufacturer” to display brand slider on hompage

 

<div>{{block type="cms/block" block_id="home-block1"}}</div>
<div>{{block type="catalog/product_new" template="catalog/product/new.phtml"}}</div>
<div>{{block type="cms/block" block_id="home-block2"}}</div>
<div>{{block type="catalog/product_list_promotion" template="catalog/product/featured.phtml"}}</div>
<div>{{block type="cms/block" block_id="home-block3"}}</div>
<div>{{block type="core/template" template="catalog/product/brand.phtml"}}</div>

If you want to add a Custom HTML block to your category / product listing page you need to

<div class="category-banner"><img src="{{media url="wysiwyg//category-banner/clothing.png"}}" alt="" /></div>

Note: “category name” is a name of category. You need to replace it with actual category name

E.g. Add block with identifier as “Clothes-block” and set it as CMS Block for category ‘Clothes’

 

If you want to add a Custom HTML block to your Menu you need to

<div class="custom">
<div class="one_third list-icon small-icon"><em class="icon1 icon-cog"></em>
<div class="right">
<h2>Small Icon With Paragraphs</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry has been the standard dummy text took a galley.</p>
</div>
</div>
<div class="one_third list-icon small-icon"><em class="icon2 icon-envelope"></em>
<div class="right">
<h2>Small Icon With Paragraphs</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry has been the standard dummy text took a galley.</p>
</div>
</div>
<div class="one_third list-icon small-icon last"><em class="icon3  icon-cloud"></em>
<div class="right">
<h2>Small Icon With Paragraphs</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry has been the standard dummy text took a galley.</p>
</div>
</div>
<div class="clear">&nbsp;</div>
<div class="martop1">&nbsp;</div>
</div>

Note: 35” is a ID of your category. You need to replace it with your actual category ID.291” is a width of the block. You need to replace with your requirement. If you don’t want use width then category name is only “wp_custom_menu_35

This block is only valid if you enable Custom Menu

You can see your custom block as like below screenshot when you hover on category.

If you want to add a Custom HTML block to your Menu you need to

<div class="menu_customlinks">
<ul>
<li class="label">Cusom Links :</li>
<li><a href="#">Custom1</a></li>
<li><a href="#">Custom2</a></li>
<li><a href="#">Custom3</a></li>
<li><a href="#">Custom4</a></li>
<li><a href="#">Custom5</a></li>
</ul>
</div>

Note: 35” is a ID of your category. You need to replace it with your actual category ID.291” is a width of the block. You need to replace with your requirement. If you don’t want use width then category name is only “wp_custom_menu_35

This block is only valid if you enable Custom Menu

You can see your custom block as like below screenshot when you hover on category.

<div class="block">
<div class="block-title"><strong><span>Custom Block</span></strong></div>
<div class="block-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard
dummy text ever since the 1500s</p>
</div>
</div>

If you want to add a Custom HTML block to end of the product Detail page you need to

<div class="detail-block">
<h2>Custom Block Here</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at,
laoreet mattis, massa. Sed eleifend nonummy diam. Praesent mauris ante, elementum et, bibendum at, posuere sit amet, nibh.
Duis tincidunt lectus quis dui viverra vestibulum. Suspendisse vulputate aliquam dui.Nulla elementum dui ut augue.
Aliquam vehicula mi at mauris. Maecenas placerat, nisl at consequat rhoncus, sem nunc gravida justo,
quis eleifend arcu velit quis lacus.</p>
</div>

If you want to add a Custom HTML block to your product Detail page you need to

<div class="customized">
<h3>Customized Area</h3>
<div class="best_theme">
<h2>Looking for the best theme?</h2>
<div class="theme_image"><img src="{{media url="wysiwyg/category-banner/detail-block.jpg"}}" alt="" /></div>
<a class="button" title="best theme" href="#"><span>Click to know more</span></a></div>
</div>

Note: This block will displayed only when product detail page layout is set as ‘default’ or ‘vertical’

First of all you need to create Attribute “product layout” to display different layout for different product

Note: if you want to display 'Product Layout' option to any other Attribute set then assigns ‘productlayout’ attribute to other attribute set

At the time of inserting product you see below option. set any layout if you want to set each layout for each product

You can set custom description in fields “Custom Text” to display custom description for each product to detail page.

Note: for Custom Description first off all you need to create an attribute.

Note: if you want to display 'Custom Text' option to any other Attribute set then assigns promotion attribute to other attribute set.

For More Information visit to belove link:http://inchoo.net/ecommerce/magento/promotion-and-random/

You can set video identifier in fields “Product Video” to display product video for each product to custom tab on product detail page.

Exa:  if your video link is  "http://www.youtube.com/embed/gaw2UMYAa70"  Then your identifier is      

'gaw2UMYAa70'

Notefor Product Video first off all you need to create an attribute.

Note: if you want to display 'Product Video' option to any other Attribute set then assigns promotion attribute to other attribute set.

For More Information visit to belove link:http://inchoo.net/ecommerce/magento/promotion-and-random/

Change Image On Product Hover

You can change product image on hover by select 'Thumbnail' button on other image at the time of inserting product with images.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

1. I'm getting 404 not found when trying to open theme admin pages.

Log out from Magento admin panel, clear the store cache under var/cache, and login again.

 

2. After the extension installation the store gives an error, or blank page. 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.

 

3. My configuration changes do not appear on the frontend.

Clear the store cache under var/cache, clear all browser cookies for your store domain and refresh the page in your browser.

 

4. If you have any question / issue you can contact us any time by sending us an email on peerforest@gmail.com or ask your question at our support forum http://www.peerforest.com/support

 

Helpful Resources

There are tutorials, articles, forums and screencasts to help you learn how to use Magento and its features. This section provides helpful links to instructions on commonly used Magento features, but you can learn even more by exploring these resources