Home /
Expert System /
Magento GrayScale theme installation guide

Magento GrayScale theme installation guide

Initial installation

1. Copy files from the package theme/ dir to your Magento Directory.
PSD/ dir in the package holds PSD source files.

2. Navigate to Backend->System->Configuration->Design->Package Tab-> Current Package Name Field and set this field to default value

3. Navigate to Backend->System->Configuration->Design->Themes Tab and set all fields to grayscale value.

4. Navigate to Backend->System->Configuration->Content Management Tab and set "Enable WYSIWYG Editor" to Disable by Default value.

Now do the following actions from the admin side.

Create category for main navigation menu

In order to get the main navigation visible, you need to create at least one active subcategory in the root folder. Category should be subcategory of the Root (default) category. Category must be active to be showing in the main navigation.

Create new Magento category

Create hidden 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. Video tutorial by Template-help.com: How to add a simple product

Do not forget to keep indexes in touch. System->Index Management

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	<div class="block block-service"> <div class="block-title"><strong><span>Customer service</span></strong></div> <div class="block-content"><span>t <span>99999999</span></span> 9.00-19.00 Mon-Fri</div> </div>

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 (This is a Home page slider content)	<div class="slider-wrap" style="height: 280px; overflow: hidden;"> <div id="stripNavL0" class="stripNavL" onclick="changeFx('scrollRight')"><a id="stripNavLa" href="#">Left</a></div> <div id="slider-content" class="slider-wrap"> <a href="#" title=""><img src="home_banner.jpg" alt="" width="950" height="280" /></a> <a href="#" title=""><img src="home_banner_2.jpg" alt="" width="950" height="280" /></a> <a href="#" title=""><img src="home_banner_3.jpg" alt="" width="950" height="280" /></a> </div> <div id="stripNavR0" class="stripNavR" onclick="changeFx('fade')"><a id="stripNavRa" href="#">Right</a></div> </div>

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	<!--customer service start--> <div class="block customer_service"> <div class="block-title"><strong><span>Customer service</span></strong></div> <div class="block-content"> <p class="phone">+1<strong>2532432001</strong></p> <p class="time">9.00-19.00 Mon-Fri</p> </div> </div> <!--end customer service-->

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 Do not forget to replace "HomeProductsCategoryID" with the ID of one of the created categories
Layout	3columns*
Layout Update XML	<reference name="header"> <block type="cms/block" name="home_page_header_block"> <action method="setBlockId"> <block_id>home_page_header_block</block_id> </action> </block> </reference> <reference name="head"> <action method="addItem"> <type>skin_css</type> <name>css/slider.css</name> <params/> </action> <action method="addItem"> <type>skin_js</type> <name>js/jquery-1.5.2.min.js</name> </action> <action method="addItem"> <type>skin_js</type> <name>js/cycle-fade-effect.js</name> </action> <action method="addItem"> <type>skin_js</type> <name>js/slider.js</name> </action> </reference>

We also recommend adding lightbox extension to your Magento

Other guides

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/[YourTheme]/locale/"

There is a "en_US/translate.csv" file there. Copy it to any locale you need (like "da_DK/translate.csv") 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!

Thank you for using this theme.

Customer support

We provide support services through our special form at Web-Experiment.info. If you have any questions, please feel free to email us via support contact form

Magento How Toes

How to remove the warning message about {{base url}}
How to add a category
How to add a simple product
How to create a configurable product
How to create an attribute
How to create an attribute set
How to configure tier pricing
How to configure a product listing layout
How to add a static page
How to manage html pages content

Magento template customization

How to change the logo
How to change the welcome message
How to disable side-boxes
How to edit the footer copyright notification
How to change the home page banner links
How to disable blocks on the home page

Go to contents Back to previous page

Share on Facebook google icon

Share on Google

Twitter