Magento Health And Beauty v2 installation guide

You can now free install our themes automatically with Magenting.com - professional Magento hosting.

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 health-and-beauty 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. Wiki: How to create new categories in Magento

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 1", "Home page products 2", "Home page products 3", "Home page products 4" and "Popular products". Remember the IDs of these categories. See the image below.

Video tutorial by Template-help.com: How to add a category

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	<p class="promo"><a href="#" title=""><img src="https://web-experiment.info/media/"drugstore/care_magento_template.jpg"" alt="" /></a></p> <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	<div class="block testimonial"> <div class="block-title"><strong><span>Testimonial</span></strong></div> <div class="block-content"> <p>I am quite impressed with your level of customer service. I am really satisfied with this Premium Magento Template. I will reccomend you to my collegues.</p> <p class="signt">Matthew Bailey</p> <p class="link"><a class="more" href="#"><span>Read all</span></a></p> </div> </div> <div class="block news_left"> <div class="block-title"><strong><span>News and events</span></strong></div> <div class="block-content"> <dl> <dt> <strong>Aug 20, 2012</strong><a href="#">- Bestsellers!!</a> </dt> <dd>The Premium Magento Theme is a very modern, simple, and fresh theme, with a focus on usability and fast, clean code. </dd> </dl> <p><a class="more" href="#"><span>Read more</span></a></p> </div> </div> <p><a title="AW blog goes here" href="#"><img src="https://web-experiment.info/media/"template/blog.png"" alt="AW blog goes here" /></a></p>

Create Static Block footer_links

Go to CMS->Static Block to add new static blocks.

Block Title*	footer_links
Identifier*	footer_links
Store View*	Select correct store view
Status	Enabled*
Content	<div class="bott_banners"> <div class="bot_left"> <ul class="pic_links"> <li class="delivery"><img src="https://web-experiment.info/media/"drugstore/icon_car_g.png"" alt="" />Simple returns and quick delivery</li> <li class="payments"><img src="https://web-experiment.info/media/"drugstore/icon_lock_g.png"" alt="" /><img src="https://web-experiment.info/media/"drugstore/payments.png"" alt="Health and Beauty Magento template" />Secured Transactions</li> <li class="guarantee"><img src="https://web-experiment.info/media/"drugstore/icon_heart_g.png"" alt="" />Money-back <br /> Satisfacion guarantee</li> <li class="phone"><img src="https://web-experiment.info/media/"drugstore/icon_phone_g.png"" alt="" /><span>Mon-Fri 9.00 - 17.00</span><strong>8-800-800-800</strong></li> <li class="sp"><span>clear</span></li> </ul> <h3>SEO links goes here</h3> <ul class="bottom_links"> <li><a title="" href="#">Pharmacy</a></li> <li><a title="" href="#">Opticians</a></li> <li><a title="" href="#">Pharmacy &amp; Health</a></li> <li><a title="" href="#">Hearingcare</a></li> <li><a title="" href="#">Diet &amp; Weight Loss</a></li> <li><a title="" href="#">Family Planning</a></li> <li><a title="" href="#">First Aid </a></li> <li><a title="" href="#">Fitness</a></li> <li><a title="" href="#">Footcare</a></li> <li><a title="" href="#">Health Equipment</a></li> <li><a title="" href="#">Medicines</a></li> <li><a title="" href="#">Skincare</a></li> <li><a title="" href="#">Vitamins</a></li> </ul> <div class="sp"><span>clear</span></div> </div> <div class="bot_right"><img src="https://web-experiment.info/media/"drugstore/offers_subscribe.png"" alt="" /></div> <div class="sp"><span>clear</span></div> </div>

Create Static Block quick_access_links

Go to CMS->Static Block to add new static blocks.

Block Title*	quick_access_links
Identifier*	quick_access_links
Store View*	Select correct store view
Status	Enabled*
Content	<ul class="top_links"> <li><a href="#">What's New</a></li> <li><a href="#">Free Shipping</a></li> <li><a href="#">Testimonials</a></li> <li><a href="#">Our Blog</a></li> <li class="last"><a class="chat" title="Chat" href="#"><img src="https://web-experiment.info/media/"drugstore/chat.gif"" alt="Chat Support" /></a></li> </ul>

Edit home page

Go to CMS->Pages and Edit/Add home page

Page Title*	Any title you want
URL Key	home
Store View	Select correct store view
Status	Enabled*
Content Do not forget to replace "HomeProductsCategoryID_1", "HomeProductsCategoryID_2", "HomeProductsCategoryID_3", "HomeProductsCategoryID_4" with the ID of one of the created categories. In order to display prices replace home.phtml string with home_with_prices.phtml string.	<div class="pure_color"> <div id="col2_slider" class="col2_slider" style="height: 290px; visibility: hidden;"> <script type="text/javascript">jQuery(document).ready(function() { slider = jQuery('#slider-content'); slider_bottom = jQuery('#slider-bottom'); slider_top = jQuery('#slider-top'); slider_bottom .cycle({ fx: 'fade', timeout: 3000, speed: 500, delay: 600, pause: 1 }); slider_top.cycle({ fx: 'fade', timeout: 3000, speed: 500, delay: 600, pause: 1 }); slider .before('<div id="stripNav0" class="stripNav">') .cycle({ fx: 'fade', timeout: 3000, speed: 800, pager:'#stripNav0', delay: 0, pause: 1 }); jQuery("#col2_slider").css("visibility","visible"); jQuery("#col2_right").css("visibility","visible");});</script> <div class="slider-wrap"> <div id="slider-content" class="slider-wrap"> <a title="" href="#"><img src="https://web-experiment.info/media/"drugstore/health_magento_template.jpg"" alt="" width="745" height="290" /></a> <a title="" href="#"><img src="https://web-experiment.info/media/"drugstore/medical_magento_template.jpg"" alt="" width="745" height="290" /></a> <a title="" href="#"><img src="https://web-experiment.info/media/"drugstore/drug_magento_template.jpg"" alt="" width="745" height="290" /></a> </div> </div> </div> <div id="col2_right" class="col2_right" style="height: 295px; visibility: hidden;"> <div id="slider-top" class="img_top"> <a href="#"><img src="https://web-experiment.info/media/"drugstore/pharma_magento_template.jpg"" alt="" width="240" height="160" /></a></div> <div id="slider-bottom" class="img_bt"> <a href="#"><img src="https://web-experiment.info/media/"drugstore/medical_magento_theme.jpg"" alt="" width="240" height="125" /></a></div> <div class="sp"><span>clear</span></div> </div> <div class="mid_banners"> <div class="mid_left"> <div><a title="" href="#"><img src="https://web-experiment.info/media/"drugstore/drug_magento_theme.jpg"" alt="" /></a></div> </div> <div class="mid_center"> <div><a title="" href="#"><img src="https://web-experiment.info/media/"drugstore/health_magento_theme.jpg"" alt="" /></a></div> </div> <div class="mid_right"><a href=""><img src="https://web-experiment.info/media/"drugstore/pharmacy_magento_theme.jpg"" alt="" width="240" height="145" /></a></div> <div class="sp"><span>clear</span></div> </div> <div class="mid_banners"> <div class="mid_left"> <h3>This Month's Favourites</h3> <div></div> </div> <div class="mid_center"> <h3>Save up to 1/2 price</h3> <div></div> </div> <div class="mid_right"> <h3>Don't Miss Out...</h3> <a href="#"><img src="https://web-experiment.info/media/"drugstore/pharmacy_magento_template.jpg"" alt="" width="240" height="145" /></a></div> <div class="sp"><span>clear</span></div> </div> <div class="mid_banners"> <div class="mid_left"> <div></div> </div> <div class="mid_center"> <div></div> </div> <div class="mid_right"><a href="#"><img src="https://web-experiment.info/media/"drugstore/herbs_magento.jpg"" alt="" width="240" height="145" /></a></div> <div class="sp"><span>clear</span></div> </div> </div>
Layout	1-column*
Layout Update XML	<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/noconflict.js</name></action> <action method="addItem"><type>skin_js</type><name>js/cycle-fade-effect.js</name></action> <action method="addItem"><type>skin_css</type><name>css/tabs.css</name></action> <action method="addItem"><type>skin_js</type><name>js/ui.js</name></action></reference>
If your have Total Slider Manager, Content Do not forget to replace "HomeProductsCategoryID_1", "HomeProductsCategoryID_2", "HomeProductsCategoryID_3", "HomeProductsCategoryID_4" with the ID of one of the created categories. In order to display prices replace home.phtml string with home_with_prices.phtml string.	<div class="pure_color"> <div class="col2_slider">SLIDER CODE GOES HERE</div> <div class="col2_right" style="height: 295px;"> <div class="img_top"><a href="#"><img src="https://web-experiment.info/media/"drugstore/pharma_magento_template.jpg"" alt="" width="240" height="160" /></a></div> <div class="img_bt"><a href="#"><img src="https://web-experiment.info/media/"drugstore/medical_magento_theme.jpg"" alt="" width="240" height="125" /></a></div> <div class="sp"><span>clear</span></div> </div> <div class="mid_banners"> <div class="mid_left"> <div><a title="" href="#"><img src="https://web-experiment.info/media/"drugstore/drug_magento_theme.jpg"" alt="" /></a></div> </div> <div class="mid_center"> <div><a title="" href="#"><img src="https://web-experiment.info/media/"drugstore/health_magento_theme.jpg"" alt="" /></a></div> </div> <div class="mid_right"><a href="#" title=""><img src="https://web-experiment.info/media/"drugstore/pharmacy_magento_theme.jpg"" alt="" width="240" height="145" /></a></div> <div class="sp"><span>clear</span></div> </div> <div class="mid_banners"> <div class="mid_left"> <h3>This Month's Favourites</h3> <div></div> </div> <div class="mid_center"> <h3>Save up to 1/2 price</h3> <div></div> </div> <div class="mid_right"> <h3>Don't Miss Out...</h3> <a href="#" title=""><img src="https://web-experiment.info/media/"drugstore/pharmacy_magento_template.jpg"" alt="" width="240" height="145" /></a></div> <div class="sp"><span>clear</span></div> </div> <div class="mid_banners"> <div class="mid_left"> <div></div> </div> <div class="mid_center"> <div></div> </div> <div class="mid_right"><a href="#" title=""><img src="https://web-experiment.info/media/"drugstore/herbs_magento.jpg"" alt="" width="240" height="145" /></a></div> <div class="sp"><span>clear</span></div> </div> </div>
If your have Total Slider Manager, Layout Update XML	Empty

Video installation guide

 

Extensions

Custom Menu

Please load the extension here

• Custom Menu Guides
• Custom Menu settings for this template

Shipping price calculator and One page checkout

Included in the package.

• Shipping Price Calculator Installation Guide
• OnePage Magento Checkout Installation Guide

Total Slider Manager

• Total Slider Manager User Guide
• Total Slider Manager Settings

Other extensions

• Extension which might be used with this theme: EM Quickshop, AW blog, EasyTabs, Quick Feedback, ShareThis, LiveZilla Chat.

We also recommend adding Lightbox extension to your Magento

Other guides

• Customize the display of categories
• Static Content (includes the news, testimonials, brands and highlighted categories)
• Backgrounds
• How to change "jQuery Cycle Plugin" effect, for templates without "Total Slider Manager"

Congratulations! Your magento theme is ready!

Thank you for using this theme.

Magento How Toes

Useful video tutorials powered by Template-help.com

• 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

Video tutorials powered by Template-help.com

• 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 contentsBack to previous page