Hi there! Welcome to the Web-Experiment.info - Customized Web Scraping And Data Extraction Solutions.
You will need to enable JavaScript in your browser to use our Magento themes and extensions store. If you are really stuck, you can email us at support@web-experimen.info and we will do our best to help

Home /
Expert System /
Health & Beauty v3 Magento theme installation guide

Health & Beauty v3 Magento theme installation guide

You can 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. How to create new categories in Magento

Create new Magento category

Create hidden categories

Create 2 categories as subcategories to your theme default category. Categories must be inactive to be hidden in the main navigation. These categories will be for "HomePageProducts1", "HomePageProducts2" 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.

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

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> <li><a href="" title="">What's New</a></li> <li><a href="" title="">Free Shipping</a></li> <li><a href="" title="">Testimonials</a></li> <li class="last"><a href="" title="">Our Blog</a></li> </ul>

Create Static Block home_page_right_column

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

Block Title*	home_page_right_column
Identifier*	home_page_right_column
Store View*	Select correct store view
Status	Enabled*
Content
<div class="sidebar_image"> <a href="#" title=""><img src="https://web-experiment.info/media/"template/pharma_magento_template.jpg"" alt=""></a> <a href="#" title=""><img src="https://web-experiment.info/media/"template/medical_magento_theme.jpg"" alt=""></a> <a href="#" title=""><img src="https://web-experiment.info/media/"template/pharmacy_magento_theme.jpg"" alt=""></a> </div> <div class="sidebar_image"> <a href="#" title=""><img src="https://web-experiment.info/media/"template/pharmacy_magento_template.jpg"" alt=""></a> <a href="#" title=""><img src="https://web-experiment.info/media/"template/beauty_magento_template.jpg"" alt=""></a> <a href="#" title=""><img src="https://web-experiment.info/media/"template/herbs_magento.jpg"" alt=""></a> </div>

Create Static Block right_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*	right_info_block
Identifier*	right_info_block
Store View*	Select correct store view
Status	Enabled*
Content
<div class="block sidebar_image"><img src="https://web-experiment.info/media/"template/baby_care_magento_template.jpg"" alt="" /></div> <div class="block news_bar"> <div class="block-title"><strong><span>News and events</span></strong></div> <div class="block-content"> <dl> <dt> <strong>Dec 07, 2011</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 class="sidebar_image"><a title="Blog" href="/blog"><img src="https://web-experiment.info/media/"template/blog.png"" alt="Blog" /></a></p>

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"> <dl> <dd>8AM-10PM ET, Mon - Fri <br /> 10AM-6PM ET, Sat</dd> <dt>Sales Assistance:</dt> <dd>8AM-11PM ET, Mon - Fri <br /> 9AM-11PM ET, Sat - Sun</dd> <dt>Call: <strong>000.111.2222</strong> </dt> <dt><a href="/contacts/" class="more">Contact Form</a> </dt> </dl> </div> </div> <div></div> <div class="block sidebar_image"><img src="https://web-experiment.info/media/"template/baby_care_magento_template.jpg"" alt="" /></div> <div class="block testimonial"> <div class="block-title"><strong><span>Testimonials</span></strong></div> <div class="block-content"> <p>I am very impressed with the features of this very affordable Magento Template as well as the prompt and thorough help I have received from Web-Experiment customer support team!</p> <p class="signt">Ken Norton</p> <p class="link"><a class="more" href="/testimonials"><span>Read all</span></a></p> </div> </div>

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="footer_left"> <div class="four i_images clearfix"> <div class="b01"> <p><span><img src="https://web-experiment.info/media/"template/icon_car.png"" alt="" /></span><strong>Simple returns and quick delivery</strong></p> </div> <div class="b02"> <p><span><img src="https://web-experiment.info/media/"template/icon_lock.png"" alt="" /></span><img src="https://web-experiment.info/media/"template/payments.png"" alt="" /></p> </div> <div class="b03"> <p><span><img src="https://web-experiment.info/media/"template/icon_heart.png"" alt="" /></span><strong>Money-back guarantee</strong></p> </div> <div class="b04"> <p><span><img src="https://web-experiment.info/media/"template/icon_phone.png"" alt="" /></span><strong>Mon-Fri 9.00 - 17.00<br /> 8-800-800-800</strong></p> </div> </div> </div> <div class="footer_right"><img src="https://web-experiment.info/media/"template/offers_subscribe.png"" alt="" /></div> <div class="links_block clearfix"> <div> <h4 class="title">Company Information</h4> <ul> <li><a href="/about-us">About Us</a></li> <li><a href="/contacts">Contact Us</a></li> <li><a href="/customer-service">Privacy Policy</a></li> </ul> </div> <div> <h4 class="title">Customer Service</h4> <ul> <li><a href="/customer-service">Ordering Information</a></li> <li><a href="/customer-service">Delivery & Rates</a></li> <li><a href="/sales/guest/form/">Cancellations & Returns</a></li> </ul> </div> <div class="last"> <h4 class="title">Useful Tips and Information</h4> <ul> <li><a href="#">Customer Testimonials</a></li> <li><a href="#">Our Blog</a></li> <li><a href="/catalog/seo_sitemap/category/">Site Map</a></li> </ul> </div> </div> <div class="icons clearfix"> <div class="icons_left"></div> <div class="share_this">Share this code</div>

Edit home page

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

Page Title*	Place here anything you want
URL Key	home
Store View	Select correct store view
Status	Enabled*
Content Do not forget to replace "HomePageProducts1", "HomePageProducts2"
<div class="home_images"> <div id="slider-wrap" class="slider-wrap" style="width: 100%;"> <div id="slider_pager" class="stripNav"></div> <div id="slider-content" class="slider-wrap"> <a href="#LINK"><img src="https://web-experiment.info/media/"template/standard_slider_01.jpg"" alt="" /></a> <a href="#LINK"><img src="https://web-experiment.info/media/"template/standard_slider_02.jpg"" alt="" /></a> </div> </div> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('#slider-content').wpInitStandardSlider({baseWidth: 1200, baseHeight: 330}); }); </script> </div> <div class="mid clearfix"> <div class="mid_left"><a href="#" title=""><img src="https://web-experiment.info/media/"template/drug_magento_theme.jpg"" alt=""></a></div> <div class="mid_right"><a href="#" title=""><img src="https://web-experiment.info/media/"template/health_magento_theme.jpg"" alt=""></a></div> </div> <div class="new_items clearfix"> <div class="item_left"> <h3>This Month's Favourites</h3> </div> <div class="item_right"> <h3>Save up to 1/2 price</h3> </div> </div>
Layout	2columns with right bar *
Layout Update XML
<reference name="right"> <remove name="left.permanent.callout" /> <remove name="right.permanent.callout" /> <remove name="catalog.compare.sidebar" /> <!--product compare--> <remove name="paypal.partner.right.logo" /> <!--paypal logo--> <remove name="cart_sidebar" /> <!--cart sidebar--> <remove name="left.reports.product.viewed" /> <!--recently viewed prod--> <remove name="right.reports.product.viewed" /> <!--recently viewed prod--> <remove name="right.reports.product.compared" /> <!--recently compared prod--> <remove name="cms_right_info_block" /> <block type="cms/block" name="cms_home_page_right_column" before="-"> <action method="setBlockId"><block_id>home_page_right_column</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/noconflict.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/ui.js</name></action> <action method="addItem"><type>skin_js</type><name>js/jquery.standardSlider.js</name></action> <action method="addItem"><type>skin_css</type><name>css/tabs.css</name></action> </reference>

Our extensions

One Page Magento Checkout, Shipping Price Calculator, Smart Catalog, Stylish Store Switcher, Back to Top button

Included in the package.

Custom Menu

Please free download the extension here

Third-party extensions

We have tested extensions on various mobile devices. We highly recommend:

Other guides

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 our support form here here

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/[YOUR_THEME]/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.

This is a step-by-step guide on how to install in the Health & Beauty Responsive Magento Template.

Health & Beauty is an extremely customizable and easy to use Magento template. It comes with 5 must-have Magento extensions.

Go to contents Back to previous page

Tags:

Share on Facebook google icon

Share on Google