Magento Expert System - Hightech v2 Magento 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 /
Hightech v2 Magento theme installation guide

Hightech v2 Magento theme installation guide

5/13/12 3:46 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

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 hightech value.

Now do the following actions from the admin side:

Categories

Create 4 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" 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.

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_menu"><ul class="footer_menu_links"><li><a title="home" href="#"><span>Home</span></a></li><li><a title="About Us" href="{{config path="web/unsecure/base_url"}}about-us"><span>About Us</span></a></li><li><a title="Testimonials" href="{{config path="web/unsecure/base_url"}}magento-template-features/static-pages/testimonials.html"><span>Testimonials</span></a></li><li><a title="Frequently Asked Questions" href="{{config path="web/unsecure/base_url"}}blog"><span>Blog</span></a></li><li><a title="Support" href="#"><span>Support</span></a></li></ul><ul class="footer_social"><li class="social_in"><a title="LinkedIn" href="#"><span>LinkedIn</span></a></li><li class="social_bl"><a title="Google+" href="#"><span>Google</span></a></li><li class="social_fb"><a title="Facebook" href="#"><span>Facebook</span></a></li><li class="social_tw"><a title="Twitter" href="#"><span>Twitter</span></a></li></ul></div><div class="footer_links_container"><div class="footer_block clearfix"><div class="clearfix"><span class="title">Company Information</span><ul><li><a href="{{config path="web/unsecure/base_url"}}about-us">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="{{config path="web/unsecure/base_url"}}customer-service">Customer Service</a></li><li><a href="{{config path="web/unsecure/base_url"}}catalogsearch/advanced/">Catalog Advanced Search</a></li><li><a href="{{config path="web/unsecure/base_url"}}sales/guest/form/">Orders and Returns</a></li><li><a href="{{config path="web/unsecure/base_url"}}catalogsearch/term/popular/">Popular Search Terms</a></li><li><a href="{{config path="web/unsecure/base_url"}}catalog/seo_sitemap/category/">Site Map</a></li><li><a href="{{config path="web/unsecure/base_url"}}contacts">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>

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 * (Click to Hide Editor first) Do not forget to replace "HomePageProducts_1_CategoryID" with the ID of one of the created categories	<div style="clear: both;"><div id="preFeature"><div><img title="Xperia™ arc " src="{{media url="hightech/banner-1.jpg"}}" alt="Hightech Magento Template" /><h3>Visually brilliant Android touch phone</h3><p>Your life in vivid colours. Videos and stills. Show it all off on the sharp, crisp and clear 4,2' multi-touch Reality Display with Mobile BRAVIA® Engine. Share, like and comment with Facebook inside Xperia.</p><a class="green_button " title="Buy now" href="#">Buy now</a></div><div><img title="Xperia™ PLAY" src="{{media url="hightech/banner-2.jpg"}}" alt="Hightech Magento Templat" /><h3>The first PlayStation™ Certified Android smartphone</h3><p>Bloggers call it the PlayStation phone. We call it Xperia™ PLAY - a fantastic immersive gaming experience and the first ever PlayStation Certified smartphone with real console controls.</p><a class="green_button " title="Details" href="#">Details</a></div><div><img title="Xperia™ active" src="{{media url="hightech/banner-3.jpg"}}" alt="Hightech Magento Templat" /><h3>Add a new dimension to your life</h3><p>Whatever you need - and like - to do, there are Android™ apps to match. And because you can personalise your Xperia™ smartphone with them, you can match it to your life.</p><a class="green_button " title="Buy now" href="#">Buy now</a></div></div></div><div class="home-block-banners clearfix"><div class="first_row clearfix"><div class="title clearfix"><a href="#"> <span class="first">Computers</span> </a><a href="#"> <span>Laptops</span> </a><a href="#"> <span>Display's & TVs</span> </a><a href="#"> <span class="last">Digital Cameras</span> </a></div><div style="clear: both;"><a href="#"><img src="{{media url="hightech/small-banner-1.jpg"}}" alt="Magento Template" /></a> <a href="#"><img src="{{media url="hightech/small-banner-2.jpg"}}" alt="Magento Template" /></a> <a href="#"><img src="{{media url="hightech/small-banner-3.jpg"}}" alt="Magento Template" /></a> <a href="#"><img class="last" src="{{media url="hightech/small-banner-4.jpg"}}" alt="Magento Template" /></a></div><div style="clear: both; z-index: 99;"><div class="first-row-buttons"><button class="button btn-viewall" title="View All"><span><span>View all </span></span></button></div><div class="first-row-buttons"><button class="button btn-viewall" title="View All"><span><span>View all</span></span></button></div><div class="first-row-buttons"><button class="button btn-viewall" title="View All"><span><span>View all</span></span></button></div><div class="first-row-buttons"><button class="button btn-viewall" title="View All"><span><span>View all</span></span></button></div></div></div>{{block type="catalog/product_popular" template="catalog/product/home-slider.phtml" category_id="HomePageProducts_1_CategoryID"}}</div>
If your have Total Slider Manager, Content * (Click to Hide Editor first) Do not forget to replace "HomePageProducts_1_CategoryID" with the ID of one of the created categories	<div class="adv clearfix"><div class="adv_left">XANDRA SLIDER CODE GOES HERE (742x283)</div><div class="adv_right"><a href="#"><img src="{{media url="hightech/magento_template.jpg"}}" alt="" /></a></div><div class="adv_bt"><a href="#"><img src="{{media url="hightech/magento_theme.jpg"}}" alt="" /></a></div></div><div class="home-block-banners clearfix"><div class="first_row clearfix"><div class="title clearfix"><a href="#"> <span class="first">Computers</span> </a><a href="#"> <span>Laptops</span> </a><a href="#"> <span>Display's & TVs</span> </a><a href="#"> <span class="last">Digital Cameras</span> </a></div><div style="clear: both;"><a href="#"><img src="{{media url="hightech/small-banner-1.jpg"}}" alt="Magento Template" /></a> <a href="#"><img src="{{media url="hightech/small-banner-2.jpg"}}" alt="Magento Template" /></a> <a href="#"><img src="{{media url="hightech/small-banner-3.jpg"}}" alt="Magento Template" /></a> <a href="#"><img class="last" src="{{media url="hightech/small-banner-4.jpg"}}" alt="Magento Template" /></a></div><div style="clear: both; z-index: 99;"><div class="first-row-buttons"><button class="button btn-viewall" title="View All"><span><span>View all </span></span></button></div><div class="first-row-buttons"><button class="button btn-viewall" title="View All"><span><span>View all</span></span></button></div><div class="first-row-buttons"><button class="button btn-viewall" title="View All"><span><span>View all</span></span></button></div><div class="first-row-buttons"><button class="button btn-viewall" title="View All"><span><span>View all</span></span></button></div></div></div>{{block type="catalog/product_popular" template="catalog/product/home-slider.phtml" category_id="HomePageProducts_1_CategoryID"}}</div>

Create Static Block header_info_block

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

Block Title*	header_info_block
Identifier*	header_info_block
Store View*	Select correct store view
Status	Enabled*
Content * (Click to Hide Editor first)	<ul class="header_info_block"><li><a href="#">Free Shipping</a></li><li class="last"> on all orders over $50<strong></strong></li></ul>

Create Static Block right_info_block

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

Do not forget to replace "PopularProducts_CategoryID" with actual category ID.

Block Title*	right_info_block
Identifier*	right_info_block
Store View*	Select correct store view
Status	Enabled*
Content * (Click to Hide Editor first)	<div class="block news_bar"><div class="block-title"><strong><span>News and events</span></strong></div><div class="block-content"><dl> <dt> <strong>19/12/2011</strong><a href="#">- New Arrivals</a> </dt> <dd> From cabinets and surfacing to bath fixtures and vanities, peruse the kitchen and bath industry's hottest New Products.</dd> </dl><p><a class="more" href="#"><span>Read more</span></a></p></div></div><div>{{block type="catalog/product_popular" template="catalog/product/popular.phtml" category_id="PopularProducts_CategoryID"}}</div><div class="block block-service"><div class="block-title"><strong><span>Customer Service Phone</span></strong></div><div class="block-content"><div class="inner_bg"><span>(+1)<span>253.243.2001</span></span> Every Day 9 am - 7 pm</div></div></div>

Create Static Block left_info_block

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

Do not forget to replace "PopularProducts_CategoryID" with actual category ID.

Block Title*	left_info_block
Identifier*	left_info_block
Store View*	Select correct store view
Status	Enabled*
Content * (Click to Hide Editor first)	<p><a href="#"><img src="{{media url="hightech/chat_online.gif"}}" alt="chat online" /></a></p><div>{{block type="catalog/product_popular" template="catalog/product/popular.phtml" before="-" category_id="PopularProducts_CategoryID"}}</div><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 Hightech Magento Template. I will reccomend you to my collegues.</p><p class="signt">Matthew Bailey, C-Soft</p></div></div><div class="block block-service"><div class="block-title"><strong><span>Customer Service Phone</span></strong></div><div class="block-content"><div class="inner_bg"><span>(+1)<span>253.243.2001</span></span> Every Day 9 am - 7 pm</div></div></div>

Create Static Block customer_service_block

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

Block Title*	customer_service_block
Identifier*	customer_service_block
Store View*	Select correct store view
Status	Enabled*
Content * (Click to Hide Editor first)	<div class="customer_service"><strong><span>Toll Free:</span></strong><p class="phone">(+1)<strong>253.243.2001</strong></p></div>

Create Static Block ccards_block

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

Block Title*	ccards_block
Identifier*	ccards_block
Store View*	Select correct store view
Status	Enabled*
Content * (Click to Hide Editor first)	<p><span class="footer_cc"><a class="cc_visa" href="#"><span>Visa</span></a> <a class="cc_maestro" href="#"><span>Maestro</span></a> <a class="cc_discover" href="#"><span>Discover</span></a> <a class="cc_amex" href="#"><span>Amex</span></a> <a class="cc_paypal" href="#"><span>PayPal</span></a></span></p>

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 Heading	Hightech Magento Template
Content * (Click to Hide Editor first) Do not forget to replace "HomePageProducts_2_CategoryID" with the ID of one of the created categories	<p class="welcome-home">Hightech Magento Template will provide your store with fresh and unique look. Bright store design will help focus your customers attention on your products and information.This template can be used for any store that need fresh and modern look with improved SEO compatibility and user interface.</p><div>{{block type="catalog/product_popular" column_count="4" image_size="160" template="catalog/product/home.phtml" category_id="HomePageProducts_2_CategoryID"}}</div>
Layout	2columns-left*
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.jcarousel.min.js</name></action><action method="addItem"><type>skin_js</type><name>js/jquery.siteFeature.pack.js</name></action><action method="addItem"><type>skin_js</type><name>js/slider.js</name></action></reference><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="left"><remove name="tags_popular" /></reference>
If your have Total Slider Manager, 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_js</type><name>js/jquery.jcarousel.min.js</name></action></reference><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="left"><remove name="tags_popular" /></reference>

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 and One page checkout

Included in the package please check magento backend system->configuration->web-and-people section.
If you get 404 error when you try to access any extension, please relogin to the backend.

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/hightech/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!

We also recommend adding lightbox extension to your magento

Extension which might be used with this theme: EM Quick Shop, AW blog, Easy Tabs, Quick contact

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

Bookmark with:

Stumbleupon.com

Posted in Hightech 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