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 /
Magento LightShop Green v2 installation guide

Magento LightShop Green v2 installation guide

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 lightshop_green 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. They must be inactive to be hidden in the main navigation. These categories will be for "Home page products" 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 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></div> <div class="block block-service"> <div class="block-title"><strong><span>Customer Service</span></strong></div> <div class="block-content"> <dl> <dt>Customer Service:</dt> <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>253.243.2001</strong> </dt> </dl> </div> </div> <div class="block testimonial"> <div class="block-title"><strong><span>Testimonials</span></strong></div> <div class="block-content"> <p><em>I am quite impressed with your level of customer service. I am really satisfied with LightShop Magento Template. I will reccomend you to my collegues. I would just like to say a BIG thank you!</em></p> <p class="signt">Matthew Bailey</p> </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	<div class="adv_slider"> <div class="adv_left"> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('#slider-content') .before('<div id="stripNav0" class="stripNav">') .cycle({ fx: 'scrollRight', timeout: 4000, speed: 1000, next: '.stripNavL', prev: '.stripNavR', pager:'#stripNav0' }); jQuery('#slider-wrap').css("visibility",'visible'); }); </script> <div id="slider-wrap" class="slider-wrap" style="visibility: hidden;"> <div id="stripNavL0" class="stripNavL"><a href="#">Left</a></div> <div id="slider-content" class="slider-wrap"><A href="#LINK_GOES_HERE"><img src="https://web-experiment.info/media/"green/home_banner_1.jpg"" alt="" /></A> <A href="#LINK_GOES_HERE"><img src="https://web-experiment.info/media/"green/home_banner_2.jpg"" alt="" /></A> <A href="#LINK_GOES_HERE"><img src="https://web-experiment.info/media/"green/home_banner_3.jpg"" alt="" /></A></div> <div id="stripNavR0" class="stripNavR"><a href="#">Right</a></div> </div> </div> <div class="adv_right"><a title="" href="#"><img src="https://web-experiment.info/media/"green/green_magento_template.jpg"" alt="" /></a></div> <div class="adv_bt"><a title="" href="#"><img src="https://web-experiment.info/media/"green/green_magento_theme.jpg"" alt="" /></a></div> </div>
If your have Total Slider Manager, Content	<div class="adv_slider"> <div class="adv_left">SLDER CODE GOES HERE</div> <div class="adv_right"><a title="" href="#LINK_GOES_HERE"><img src="https://web-experiment.info/media/"green/green_magento_template.jpg"" alt="" /></a></div> <div class="adv_bt"><a title="" href="#LINK_GOES_HERE"><img src="https://web-experiment.info/media/"green/green_magento_theme.jpg"" alt="" /></a></div> </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	<div class="head_phone_block"><small>Toll Free</small> <strong>253.243.2001</strong></div> <div class="chat_top"><a title="Chat goes here" href="#"><img src="https://web-experiment.info/media/"green/chat_online_top.gif"" alt="Chat Support" /></a></div>

Create Static Block submenu_block

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

Block Title*	submenu_block
Identifier*	submenu_block
Store View*	Select correct store view
Status	Enabled*
Content	<div class="shipping_info"> <p class="shipping_info"><a href="#"><strong>Shipping</strong> starting at $4.49*</a></p> </div> <div class="promo"><a href="#">Save Now on Our <strong>DEAL of the WEEK</strong></a></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_block"> <div class="links_block clearfix"> <div class="clearfix"><a class="title" href="#">Company Information</a> <ul> <li><a href="/about-us">About Us</a></li> <li><a href="/customer-service">Our Store Hours</a></li> <li><a href="/customer-service">Directions</a></li> <li><a href="/customer-service">Privacy Policy</a></li> <li><a href="/customer-service">Legal Information</a></li> </ul> </div> <div><a class="title" href="/customer-service">Customer Service</a> <ul> <li><a href="/customer-service">Ordering Information</a></li> <li><a href="/customer-service">Delivery & Rates</a></li> <li><a href="/customer-service">Cancellations & Returns</a></li> <li><a href="/customer-service">School & Government</a></li> <li><a href="/customer-service">Contact Us</a></li> </ul> </div> <div class="last"><a class="title" href="#">Useful Tips and Information</a> <ul> <li><a href="/customer-service">Product Measurements</a></li> <li><a href="/customer-service">Customer Testimonials</a></li> <li><a href="/customer-service">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"><a href="#"><img src="https://web-experiment.info/media/"icons/authorize_net.gif"" alt="" /></a> <a href="#"><img src="https://web-experiment.info/media/"icons/visa.gif"" alt="" /></a> <a href="#"><img src="https://web-experiment.info/media/"icons/mastercard.gif"" alt="" /></a> <a href="#"><img src="https://web-experiment.info/media/"icons/discover.gif"" alt="" /></a> <a href="#"><img src="https://web-experiment.info/media/"icons/blue.gif"" alt="" /></a> <a href="#"><img src="https://web-experiment.info/media/"icons/paypal.gif"" alt="" /></a></div> <div class="share_this"><strong>Follow Us:</strong> <span class="st_twitter_large"> </span><span class="st_facebook_large"> </span><span class="st_google_large"> </span><span class="st_delicious_large"> </span><span class="st_sharethis_large"> </span></div> </div> </div> <div class="seotext"> <p>SEO text goes here.</p> </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 "HomeProductsCategoryID" with the ID of one of the created categories	<div class="four_banners"> <div class="four_banners_bt clearfix"> <div class="b01"><a class="title" href="#">Home Textile</a> <a title="" href="#"><img src="https://web-experiment.info/media/"green/green_magento_template01.jpg"" alt="" /></a> <ul> <li><a href="#">Living room</a></li> <li><a href="#">Kitchen</a></li> <li><a href="#">Bathroom</a></li> <li><a href="#">Bedroom</a></li> </ul> </div> <div class="b02"><a class="title" href="#">Gardening</a> <a title="" href="#"><img src="https://web-experiment.info/media/"green/green_magento_template02.jpg"" alt="" /></a> <ul> <li><a href="#">Garden Furniture</a></li> <li><a href="#">Landscaping Materials</a></li> <li><a href="#">Garden Buildings</a></li> <li><a href="#">Hydroponics</a></li> </ul> </div> <div class="b03"><a class="title" href="#">Home DECOR</a> <a title="" href="#"><img src="https://web-experiment.info/media/"green/green_magento_template03.jpg"" alt="" /></a> <ul> <li><a href="#">Mirrors</a></li> <li><a href="#">Wall Decor</a></li> <li><a href="#">Living room</a></li> <li><a href="#">Sale</a></li> </ul> </div> <div class="b04"><a class="title" href="#">Outdoor Living</a> <a title="" href="#"><img src="https://web-experiment.info/media/"green/green_magento_template04.jpg"" alt="" /></a> <ul> <li><a href="#">Hammocks and Umbrellas</a></li> <li><a href="#">Outdoor Furniture</a></li> <li><a href="#">Outdoor Lighting</a></li> <li><a href="#">Grills</a></li> </ul> </div> </div> </div> <!-- Home Tabs start --> <div class="tabs_block"> <div id="hometabs" class="tabs_ul"> <ul> <li><a class="left_tab" href="#fragment-1">Featured Products</a></li> <li><a class="center_tab" href="#fragment-2">Promotions</a></li> <li><a class="right_tab" href="#fragment-3">eCommerce Platform</a></li> </ul> </div> <div id="fragment-1" class="tabs_info"> <h5><a href="#">About Home Tabs</a></h5> <p>Please see documentation here:<a href="http://www.eduteka.org/ajax/tabs3/">jQuery UI Tabs / Tabs 3</a></p> <div></div> </div> <div id="fragment-2" class="tabs_info"> <h5><a href="#">Solutions for Small & Emerging Businesses</a></h5> <p>The Magento Community Edition is available as a free download under the open source OSL 3.0 license and is recommended for expert developers and highly technical enthusiasts and hobbyists in non-mission critical environments. As this edition is unsupported it is intended to be used by those happy to spend time and resource solving issues independently</p> </div> <div id="fragment-3" class="tabs_info"> <div class="f-3_left"> <h5><a href="#">Build a Better Online Store</a></h5> <p>Magento eCommerce, the deployed solution powers the world's leading merchants. Magenting, our hosted solution, enables small merchants with big ambitions to leverage this technology to build a better online store.</p> <h5><a href="#">Solutions for Small & Emerging Businesses</a></h5> <div></div> </div> </div> <script type="text/javascript"> jQuery(document).ready(function(){jQuery("#hometabs").tabs({ fxFade: true, fxSpeed: 'fast', selected: '1' }); }); </script> <div style="clear: both;"> </div> </div> <!-- Home Tabs end --> <div class="best_sellers_title">Our Best Sellers</div> <div></div> <div class="social_main"> <div class="col_left"><a title="Facebook" href="#"><img src="https://web-experiment.info/media/"green/facebook.gif"" alt="Facebook" /></a></div> <div class="col_cent"><a title="Twitter" href="#"><img src="https://web-experiment.info/media/"green/twitter.gif"" alt="Twitter" /></a></div> <div class="col_right"><a title="Gifts" href="#"><img src="https://web-experiment.info/media/"green/gifts.gif"" alt="Gifts" /></a></div> <div class="sp"><span>clear</span></div> </div>
Layout	2columns with left bar *
Layout Update XML	<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="footer"> <block type="cms/block" name="home_page_footer_block"> <action method="setBlockId"> <block_id>home_page_footer_block</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_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	<div class="four_banners"> <div class="four_banners_bt clearfix"> <div class="b01"><a class="title" href="#">Home Textile</a> <a title="" href="#"><img src="https://web-experiment.info/media/"green/green_magento_template01.jpg"" alt="" /></a> <ul> <li><a href="#">Living room</a></li> <li><a href="#">Kitchen</a></li> <li><a href="#">Bathroom</a></li> <li><a href="#">Bedroom</a></li> </ul> </div> <div class="b02"><a class="title" href="#">Gardening</a> <a title="" href="#"><img src="https://web-experiment.info/media/"green/green_magento_template02.jpg"" alt="" /></a> <ul> <li><a href="#">Garden Furniture</a></li> <li><a href="#">Landscaping Materials</a></li> <li><a href="#">Garden Buildings</a></li> <li><a href="#">Hydroponics</a></li> </ul> </div> <div class="b03"><a class="title" href="#">Home DECOR</a> <a title="" href="#"><img src="https://web-experiment.info/media/"green/green_magento_template03.jpg"" alt="" /></a> <ul> <li><a href="#">Mirrors</a></li> <li><a href="#">Wall Decor</a></li> <li><a href="#">Living room</a></li> <li><a href="#">Sale</a></li> </ul> </div> <div class="b04"><a class="title" href="#">Outdoor Living</a> <a title="" href="#"><img src="https://web-experiment.info/media/"green/green_magento_template04.jpg"" alt="" /></a> <ul> <li><a href="#">Hammocks and Umbrellas</a></li> <li><a href="#">Outdoor Furniture</a></li> <li><a href="#">Outdoor Lighting</a></li> <li><a href="#">Grills</a></li> </ul> </div> </div> </div> <div>TRISHA SLDER CODE GOES HERE</div> <div class="best_sellers_title">Our Best Sellers</div> <div></div> <div class="social_main"> <div class="col_left"><a title="Facebook" href="#"><img src="https://web-experiment.info/media/"green/facebook.gif"" alt="Facebook" /></a></div> <div class="col_cent"><a title="Twitter" href="#"><img src="https://web-experiment.info/media/"green/twitter.gif"" alt="Twitter" /></a></div> <div class="col_right"><a title="Gifts" href="#"><img src="https://web-experiment.info/media/"green/gifts.gif"" alt="Gifts" /></a></div> <div class="sp"><span>clear</span></div> </div>
If your have Total Slider Manager, Layout Update XML	<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="footer"> <block type="cms/block" name="home_page_footer_block"> <action method="setBlockId"> <block_id>home_page_footer_block</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> </reference>

Extensions

Custom Menu

Please load the extension here

Shipping price calculator and One page checkout

Included in the package.

Total Slider Manager

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

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):

Video tutorial by Template-help.com: How to install a new language

"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 LightShop Green Magento Template.

The LightShop theme is a very modern, simple, and fresh theme, with a focus on usability and fast, clean code.

Go to contents Back to previous page

Tags:

Share on Facebook google icon

Share on Google