How to install Magento GrayScale theme
Magento 1.4 and Theme version 1.4 only!
Initial installation
First, turn template files on. You can find how to do that here.
Now do the following actions from the admin side:
Categories
Create 2 categories as subcategories to your theme default category. They must be inactive to be hidden in the main navigation. These categories will be for "Home page products" and "Popular products." Remember the IDs of these categories. See the image below.
Once categories are created it is good to add several products to them.
Create Static Block left_info_block
Go to CMS->Static Block to add new static blocks.
Do not forget to replace "PopularProductsCategoryID" with the ID of one of the created categories.
| Block Title* | left_info_block |
| Identifier* | left_info_block |
| Store View* | Select correct store view |
| Status | Enabled* |
| Content * (Click to Hide Editor first) |
Create Static Block home_page_header_block
Go to CMS->Static Block to add new static blocks.
| Block Title* | home_page_header_block |
| Identifier* | home_page_header_block |
| Store View* | Select correct store view |
| Status | Enabled* |
| Content * (Click to Hide Editor first) | <p> <script type="text/javascript"> jQuery(document).ready(function() { slider = jQuery('#slider-content'); slider.before('<div id="stripNav0" class="stripNav">') .cycle({ fx: 'scrollLeft', timeout: 4000, speed: 1000, next: '.stripNavL', prev: '.stripNavR', pager:'#stripNav0' }); }); nextLink = jQuery('#stripNavLa'); prevLink = jQuery('#stripNavRa'); changeFx = function(fx) { opts = $(slider).data('cycle.opts'); opts.currFx = fx; opts.fx = fx; slider.cycle.saveOriginalOpts(opts); } </script> </p> <div class="slider-wrap"> <div id="stripNavL0" class="stripNavL" onclick="changeFx('scrollRight')"><a id="stripNavLa" href="#">Left</a></div> <div id="slider-content" class="slider-wrap"><img src="{{media url="home_banner.jpg"}}" alt="" /> <img src="{{media url="home_banner_2.jpg"}}" alt="" /> <img src="{{media url="home_banner_3.jpg"}}" alt="" /></div> <div id="stripNavR0" class="stripNavR" onclick="changeFx('scrollLeft')"><a id="stripNavRa" href="#">Right</a></div> </div> <!-- .slider-wrap --> |
Create Static Block right_info_block
Go to CMS->Static Block to add new static blocks.
| Block Title* | right_info_block |
| Identifier* | right_info_block |
| Store View* | Select correct store view |
| Status | Enabled* |
| Content * (Click to Hide Editor first) |
Edit home page
Go to CMS->Pages and Edit/Add home page
| Page Title* | home |
| URL Key | home |
| Store View | Select correct store view |
| Status | Enabled* |
| Content * (Click to Hide Editor first) Do not forget to replace "HomeProductsCategoryID" with the ID of one of the created categories |
|
| Layout | 3columns* |
| Layout Update XML | |
| Status | Enabled* |
If you are using non English language(es):
"Most Popular" sentence is not present in the default language packs. We need to add it manually.
Open file directory where your magento is. Go to "app/design/frontend/default/grayscale/localle/"
There is a "en_US/translate.csv" directory there. Copy it to any locale you need and edit "translate.csv" file.
It holds this text:
"Most Popular","Most Popular"
You need to change it to:
"Most Popular","[[Most popular in your language]]"
Note that file encoding should be UTF8.
Congratulations! Your magento theme is ready!
We also recommend adding lightbox extension to your magento