Magento Expert System - How to install WebExperiment Magento template

Home /
Magento Expert System /
How to install WebExperiment Magento template

How to install WebExperiment Magento template

3/18/11 3:22 AM

Thank you for using this theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Initial installation

First, turn template files on.

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->Themes Tab and set all fields to web-experiment value.

Now do the following actions from the admin side:

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 Show/Hide Editor in order to disable WYSIWYG)	<div>{{block type="catalog/product_popular" template="catalog/product/popular.phtml" category_id="PopularProductsCategoryID"}}</div>

Create Static Block head_phone_block

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

Block Title*	head_phone_block
Identifier*	head_phone_block
Store View*	Select correct store view
Status	Enabled*
Content * (Click to Show/Hide Editor in order to disable WYSIWYG)	<p>US phone +1 <strong>253.243.2001</strong></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 * (Click to Show/Hide Editor in order to disable WYSIWYG)	<div class="footer_links_container"> <div class="footer_block"> <div class="col"> <div class="spec-block-title"><span><span>Our Network</span></span></div> <ul> <li><a title="WebAndPeople Design Studio" href="http://www.webandpeople.com">WebAndPeople</a></li> <li><a title="Fast Magento Hosting" href="http://www.magenting.com">Magenting</a></li> </ul> </div> <div class="col"> <div class="spec-block-title"><span><span>Customer Service</span></span></div> <ul> <li><a rel="nofollow" href="#">Delivery</a></li> <li><a rel="nofollow" href="#">Ordering</a></li> <li><a rel="nofollow" href="#">Payment</a></li> <li><a rel="nofollow" href="#">Support</a></li> </ul> </div> <div class="col-last"> <div class="spec-block-title"><span><span>Connect with us </span></span></div> <ul> <li><a rel="nofollow" href="#">Our Forum</a></li> <li><a rel="nofollow" href="#">Facebook</a></li> <li><a rel="nofollow" href="#">Twitter</a></li> <li><a rel="nofollow" href="#">Flickr</a></li> </ul> </div> <div class="fsp"><span>sp</span></div> </div> <div class="copylogo"><span>WebExperiment</span></div> <p class="copy">© 2010 WebAndPeople</p> </div> <div class="seo"> <h3>SEO text goes here</h3> <ul> <li><a title="Modern Magento template" href="http://web-experiment.info/magento14/web_experiment/">Modern Magento template</a></li> <li><a title="White Magento template" href="http://web-experiment.info/magento14/web_experiment/">White Magento template</a></li> <li><a title="Stylish Magento template" href="http://web-experiment.info/magento14/web_experiment/">Stylish Magento template</a></li> <li><a title="Simple Magento template" href="http://web-experiment.info/magento14/web_experiment/">Simple Magento template</a></li> <li><a title="Perfect Magento template" href="http://web-experiment.info/magento14/web_experiment/">Perfect Magento template</a></li> <li><a title="Usability Magento template" href="http://web-experiment.info/magento14/web_experiment/">Useful Magento template</a></li> </ul> <p>The PerfectWhite is a fashionable european design style Magento Template. This Magento theme is elegant, modern, and simple, with a focus on usability. It is perfect for showcasing design products for the house, from smaller objects to lamps and furniture, textile,lighting, clothing,</p> <div class="sp"><span>clear</span></div> </div>

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 Show/Hide Editor in order to disable WYSIWYG) Do not forget to replace "HomeProductsCategoryID" with the ID of one of the created categories Slider is defined here, you could manage effect and set of images by modifying this content.	<div class="home_page_banners"> <div class="b01"> <div class="slider-wrap"> <script type="text/javascript"> jQuery(document).ready(function() { slider = jQuery('#slider-content'); slider.before('<div id="stripNav0" class="stripNav">') .cycle({ fx: 'fade', timeout: 4000, speed: 1000, pager:'#stripNav0' }); }); </script> <div id="slider-content" class="slider-wrap"><img src="{{media url="we/stylish_magento_template.jpg"}}" alt="Stylish Magento Template" width="655" height="372" /><img src="{{media url="we/clothing_magento_template.jpg"}}" alt="Clothing Magento Template" width="655" height="372" /></div> </div> </div> <div class="b02"> <div class="b02a"><a href="#"><img src="{{media url="we/b2a.jpg"}}" alt="" /></a></div> <div class="b02b"><a href="#"><img src="{{media url="we/b2b.jpg"}}" alt="" /></a></div> </div> <div class="b03"><a href="#"><img src="{{media url="we/b3.jpg"}}" alt="" /></a></div> <div class="b04"><a href="#"><img src="{{media url="we/b4.jpg"}}" alt="" /></a></div> <div class="info_stream"> <div class="s01"><img src="{{media url="we/shipping_title.jpg"}}" alt="" />on online orders from #200 or more. <a title="See details" href="#">See details</a></div> <div class="s02"><a title="Free returns guarantee" href="#"><strong>free returns guarantee</strong>online or in store <img src="{{media url="we/arr.gif"}}" alt="" /></a></div> <div class="sp">clear</div> </div> </div> <div>{{block type="catalog/product_list" template="catalog/product/home.phtml" category_id="HomeProductsCategoryID" column_count="4"}}</div>
Layout	1column*
Layout Update XML	<reference name="head"> <action method="addItem"><type>skin_css</type><name>css/slider.css</name><params/></action> </reference>

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/web-experiment/locale/"

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.

Custom Menu extension

If you need our custom menu layout, please load and install the extension http://web-experiment.info/webandpeople-custom-menu-extension.html

Shipping price calculator

please contact us in order to get the package

One page checkout

please contact us in order to get the package

Congratulations! Your magento theme is ready!

We also recommend adding lightbox extension to your magento, it is used in our demo

If you are looking for reliable magento hosting - check ours Magenting - designed to run Magento shop fast

Bookmark with:

Digg.com

Stumbleupon.com

Del.icio.us

Facebook

Reddit.com

Posted in WebExperiment By

WebExperiment team

Categories

Our news

You can now install our themes automatically with Magenting.com hosting
We are now upgrading our themes and extensions to 1.7.0.0

Magenting.com hosting gives you deeper integration. Get the theme and extensions rapidly installed on Magenting.com hosting for absolutely free. Just check that option at checkout.

All you have to do is follow the simple steps to get a Magenting.com hosting account (starting at $20/month).

2012-May-04

Magento 1.7.0.0 Stable has released. We are now upgrading our themes and extensions to 1.7.0.0

All extensions already checked and you can get updates by sending request to us

2012-May-10

Testimonials

I've been shopping around doing alot of comparison to find the best them for my new online store. I found these guys and wow couldn't believe my eyes. The theme looks so clean and match very well for my kids and beauty store. It works right out of the box without modification. I'm not a tech savvy or know how to code Magento so this is a big plus for me. Everything is ready to go after installed. Not to mention their tech support Live Chat was very helpful.

Ken Giu

It was a great template to work with.

lovethehome.co.uk
Mike Elliss

I think the feeling that you really understood what a Pharmacy/ Beauty oriented shopping needs are. I have looked at many many web templates. The designers are smart people, no doubt about that but was always missing was that subtle hint that they really did not have that much of deep understanding of specific industries that they were building themes for. So, that makes a world of difference to see somebody actually has spend some time understanding your sector's specific needs.

I do not expect a 100% perfect template but i am going to appreciate and of course do business with somebody that at least has tried to show me that level of expertise plus understanding of my business needs that i expect. I am very excited and i hope that be a good costumer for you and you be a good vendor for me.

Ismail

Thank you very much for the template and appreciate it very much of you!, soon I will order next templates (we realy love your as we have also lightshop). So also a design question; when you guys are planning mobile template???

Michael

Keep doing that great work with themes. If our site goes up (and i'm sure of it) we will contact to you to make a most personalised/ unique one. I really like your designs.

Mifarma.es
Javier