Magento Expert System - Magento StoreBlack theme installation guide

JavaScript seem to be disabled in your browser.

You must have JavaScript enabled in your browser to utilize the functionality of this website.

clear

Home /
Magento Expert System /
Magento StoreBlack theme installation guide

Magento StoreBlack theme installation guide

10/21/11 6:18 AM

Thank you for purchasing my 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 storeblack.

Now do the following actions from the backend:

Categories

Create 3 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 bestsellers", "Home page products", "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)	<div class="block buy_theme"> <div class="block-title"><strong><span>Do you like this theme?</span></strong></div> <div class="block-content"> <p><a title="Buy Premium Magento Theme" href="#"><img class="banner" src="{{media url="storeblack/didyoulikethistheme.jpg"}}" alt="" /></a></p> <p class="theme_price">Price: <span>$169</span><a class="buy" title="Buy Premium Magento Theme" href="#">Buy now</a></p> </div> </div> <p><a title="Buy Premium Magento Theme" href="#"><img class="banner" src="{{media url="storeblack/fastnfree.gif"}}" alt="" /></a></p> <div class="block block-service"> <div class="block-title"><strong><span>Customer Service</span></strong></div> <div class="block-content"> <div class="inner_bg">10.00-20.00 Mon-Fri <span>(+1)<span>253.753.1791</span></span></div> </div> </div> <div>{{block type="catalog/product_popular" template="catalog/product/popular.phtml" category_id="PopularProductsCategoryID"}}</div>

Create Static Block header_block

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

Block Title*	header_block
Identifier*	header_block
Store View*	Select correct store view
Status	Enabled*
Content * (Click to Hide Editor first)	<div class="head_phone_block"> <p class="phone"><small>Call Us: (+1)</small>253-753-1791</p> </div>

Create Static Block header_navigation

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

Block Title*	header_navigation
Identifier*	header_navigation
Store View*	Select correct store view
Status	Enabled*
Content * (Click to Hide Editor first)	<ul id="static_nav"> <li class="home"><a href="{{store url=""}}"><span>Home</span></a></li> <li> <a href="#"><span>About</span></a> </li> <li> <a href="#"><span>Customer Service</span></a> </li> </ul>

Create Static Block search_block_content

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

Block Title*	search_block_content
Identifier*	search_block_content
Store View*	Select correct store view
Status	Enabled*
Content * (Click to Hide Editor first)	<p><span><strong>Free Shipping!</strong>On all order over $50</span></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 Hide Editor first)	<div class="footer_links_container"> <div class="footer_block clearfix"> <div class="clearfix"><span class="title">Company Information</span> <ul> <li><a href="#">About Us</a></li> <li><a href="#">Our Store Hours</a></li> <li><a href="#">Directions</a></li> <li><a href="#">Privacy Policy</a></li> <li><a href="#">Legal Information</a></li> </ul> </div> <div><span class="title">Customer Service</span> <ul> <li><a href="#">Ordering Information</a></li> <li><a href="#">Delivery & Rates</a></li> <li><a href="#">Cancellations & Returns</a></li> <li><a href="#">School & Government</a></li> <li><a href="#">Contact Us</a></li> </ul> </div> <div class="last"><span class="title">Useful Tips and Information</span> <ul> <li><a href="#">Product Measurements</a></li> <li><a href="#">Customer Testimonials</a></li> <li><a href="#">Our Blog</a></li> <li><a href="#">Site Map</a></li> </ul> </div> </div> </div>

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 * (Click to Hide Editor first) Do not forget to replace "HomeProductsCategoryID" and "HomeBestsellersCategoryID" with the ID of one of the created categories.	<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: 3000, 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><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="storeblack/black_home_banner.jpg"}}" alt="Black Magento eCommerce Template" width="740px" height="280px" /> <img src="{{media url="storeblack/black_home_banner_2.jpg"}}" alt="Black Magento eCommerce Theme" width="740px" height="280px" /> <a href="{{media url="storeblack/black_home_banner_3.jpg"}}"><img src="{{media url="storeblack/black_home_banner_3.jpg"}}" alt="Premium Black Magento eCommerce Template" width="740px" height="280px" /></a></div><div id="stripNavR0" class="stripNavR" onclick="changeFx('scrollLeft')"><a id="stripNavRa" href="#">Right</a></div></div><!-- end: slider-wrap --><div class="pageblock_title bestsellers"><span>New Arrivals</span></div><div>{{block type="catalog/product_list" name="home_product_list" template="catalog/product/home.phtml" category_id="HomeProductsCategoryID" }}</div><div class="pageblock_title bestsellers" style="margin-bottom: 12px;"><span>Our Best Sellers</span></div><div>{{block type="catalog/product_list" name="home_product_list" template="catalog/product/home.phtml" category_id="HomeBestsellersCategoryID" }}</div><div id="slider-block" class="slider-wrap">{{block type="catalog/product_popular" template="catalog/product/home-slider.phtml" category_id="HomeProductsCategoryID"}}</div>
Layout	2-columns with left bar*
Layout Update XML	<reference name="head"> <action method="addItem"><type>skin_css</type><name>css/jcarousel.css</name><params/></action> <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/jquery.jcarousel.min.js</name></action> </reference>

Congratulations! Your magento theme is ready!

We also recommend adding lightbox extension to your magento

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

Bookmark with:

Stumbleupon.com

Posted in StrongBlack 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.

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