When you download theme from our store and unzip, you will be got full of main files for theme installation. They're:
INSTALLATION GUIDE
There are two ways to install a MagenTech theme:
Magento Community Edition 1.7.x and 1.8.x
Magentech provides SM Quickstart package for each template which aims to ease the installation for users. It will help you save much time of installing and configuring if you plan to start your site from the beginning.
Please following steps below (we used images of SM Glasses theme installation to illustrate for general installations - Magento Quickstart Installation - Magento Theme Installation - Magento Extension Installation):
Before you start the installation process of this theme, we recommend to back up your current live Magento files and database. If your store has not been available yet, get it quickly following Magento Installation Guide
The installation of our theme is quite simple. You just need follow steps below to get our theme ready for your Magento store:
Before you begin the SM Sport installation process, we recommend to back up your current live Magento files and database. If your store has not been available yet, get it quickly following Magento Installation Guide
You just need following steps below to get our extensions ready for your Magento store:
Important Note:
Configure homepage
1. Select the homepage from CMS Pages
2. Select Homepage >> Design on the left-hand menu.
3. In the Layout Update XML box, add the code as you want, this is our demo homepage:
<reference name="head"> <action method="addCss"><stylesheet>sm/dynamicslideshow/css/sm-dynamicslideshow-settings.css</stylesheet></action> <action method="addCss"><stylesheet>sm/responsivelistting/css/sm_responsivereslisting.css</stylesheet></action> </reference> <reference name="slideshow"> <block type="dynamicslideshow/list" name="dynamicslideshow.list.default"/> </reference> <reference name="content-bottom"> <block type="basicproducts/feature" name="tab1" template="sm/basicproducts/feature.phtml"> <action method="setConfig"> <values> <block_title>New Products</block_title> <block_desc>Browse qua the following product new the we</block_desc> <title></title> <product_source>product</product_source> <product_ids>402,403,404,405,406</product_ids> <product_order_by>price</product_order_by> <num_columns>5</num_columns> <product_limitation>4</product_limitation> <product_image_width>250</product_image_width> <product_image_height>165</product_image_height> <product_price_disp>1</product_price_disp> <product_description_disp>0</product_description_disp> <product_rating_summary>1</product_rating_summary> <product_cart_or_status>1</product_cart_or_status> <product_addtocompare>1</product_addtocompare> <product_addtowishlist>1</product_addtowishlist> </values> </action> </block> </reference> <reference name="botsl"> <block type="blog/last" name="feature.blog"> <action method="setData"><key>custom_title</key><value>featured technology</value></action> <action method="setData"><key>blocks_count</key><value>6</value></action> <action method="setData"><key>categories</key><value>1</value></action> <action method="setData"><key>custom_enable</key><value>1</value></action> </block> <block type="responsivelisting/list" name="responsivelisting.biker"> <action method="setConfig"> <values> <product_category>68</product_category> </values> </action> <action method="setData"><key>custom_title</key><value>Bikes</value></action> <action method="setData"><key>custom_desc</key><value>The our most popular Bikes</value></action> </block> <block type="cms/block" name="banner1"> <action method="setBlockId"><block_id>banner1</block_id></action> </block> <block type="responsivelisting/list" name="responsivelisting.golf"> <action method="setConfig"> <values> <product_category>74</product_category> </values> </action> <action method="setData"><key>custom_title</key><value>Golf</value></action> <action method="setData"><key>custom_desc</key><value>The our most popular Golf</value></action> </block> <block type="cms/block" name="banner2"> <action method="setBlockId"><block_id>banner2</block_id></action> </block> </reference>
Configure theme using admin back end
For easing the theme configuration, we has been created Cpanel in both backend and frontend, this is SM Sport configuration in backend:
1. Under Magento admin panel, go to System >> Configuration
2. Select SM Sport Theme on the left-hand menu
3. Tweak the theme as you want
Configure theme using Cpanel front end
This is fontend, identical to what has in backend:
Color Sample
5 presets to be chosen
1 Body
Background, Link and Text color, Background image
2 Header
Background image and color
3 Footer
Background image and color
4 Menu Style
3 options to be chosen: Mega, CSS or Split
5 Typography
Google Font, various font-size and font-family
1. SM Cart Pro
1.1 Position
mini-cartpro
1.2 Front-end appreance
1.3 Configuration
Backend of SM Cart Pro: Click here
To view more guide about how to install, set up and configure SM Cart Pro as you want, please click HERE
2. SM Dynamic Slideshow
2.1 Position:
slideshow
2.2 Front-end appreance
2.3 Configuration
Backend of SM Dynamic Slideshow: Click here
To view more guide about how to install, set up and configure SM Dynamic Slideshow as you want, please click HERE
To get this extension to show onto the front page at the up top position, go to CMS > Pages >> Homepage >> In Design tab, please fill in Layout Update XML parameter -between tag as below :
<reference name="slideshow"> <block type="dynamicslideshow/list" name="dynamicslideshow.list.default"/> </reference>
3. SM Basic Product
3.1 Position:
content-bottom
3.2 Front-end appreance
3.3 Configuration
Backend of SM Basic Product: Click here
To get this extension to show onto the front page at the up top position, go to CMS > Pages >> Homepage >> In Design tab, please fill in Layout Update XML parameter -between tag as below :
<reference name="content-bottom"> <block type="basicproducts/feature" name="tab1" template="sm/basicproducts/feature.phtml"> <action method="setConfig"> <values> <block_title>New Products</block_title> <block_desc>Browse qua the following product new the we</block_desc> <title></title> <product_source>product</product_source> <product_ids>402,403,404,405,406</product_ids> <product_order_by>price</product_order_by> <num_columns>5</num_columns> <product_limitation>4</product_limitation> <product_image_width>250</product_image_width> <product_image_height>165</product_image_height> <product_price_disp>1</product_price_disp> <product_description_disp>0</product_description_disp> <product_rating_summary>1</product_rating_summary> <product_cart_or_status>1</product_cart_or_status> <product_addtocompare>1</product_addtocompare> <product_addtowishlist>1</product_addtowishlist> </values> </action> </block> </reference>
4. Blog Extension
4.1 Position:
botsl
4.2 Front-end appreance
4.3 Configuration
To get this extension to show onto the front page at the up top position, go to CMS > Pages >> Homepage >> In Design tab, please fill in Layout Update XML parameter -between tag as below :
<reference name="botsl"> <block type="blog/last" name="feature.blog"> <action method="setData"><key>custom_title</key><value>featured technology</value></action> <action method="setData"><key>blocks_count</key><value>6</value></action> <action method="setData"><key>categories</key><value>1</value></action> <action method="setData"><key>custom_enable</key><value>1</value></action> </block>
5.SM Responsive Listing
5.1 Position
botsl
5.2 Front-end appreance
5.3 Configuration
Backend of SM Responsive Listing: Click here
To view more guide about how to install, set up and configure SM Responsive Listing as you want, please click HERE
To get this extension to show onto the front page at the up top position, go to CMS > Pages >> Homepage >> In Design tab, please fill in Layout Update XML parameter - between tag as below :
To show Bikes:
<block type="responsivelisting/list" name="responsivelisting.biker"> <action method="setConfig"> <values> <product_category>68</product_category> </values> </action> <action method="setData"><key>custom_title</key><value>Bikes</value></action> <action method="setData"><key>custom_desc</key><value>The our most popular Bikes</value></action> </block>
To show Golf:
<block type="responsivelisting/list" name="responsivelisting.golf"> <action method="setConfig"> <values> <product_category>74</product_category> </values> </action> <action method="setData"><key>custom_title</key><value>Golf</value></action> <action method="setData"><key>custom_desc</key><value>The our most popular Golf</value></action> </block>
To create static blocks, go to CMS >> Static Blocks >> Add new block
1. banner1
1.1. Identifier
banner1
1.2. Front-end Appearance
1.3. Backend settings: Click here
1.4. Code to display as demo
<div class="row banner-home"> <div class="banner span12"><a href="#"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvYmFubmVyLWhvbWUucG5nIn19/key/bdb2ab25fd25c5324417f99936540696/" alt="" /><span class="hover_shine"> </span></a></div> </div>
2. banner2
2.1. Identifier
banner2
2.2. Front-end Appearance
2.3. Backend settings: Click here
2.4. Code to display as demo
<div class="row banner-home banner-cat"> <div class="banner span4"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvYmFubmVyLWNhdDEuanBnIn19/key/bdb2ab25fd25c5324417f99936540696/" alt="" /> <h1><span>Adventure Sports</span></h1> <a title="" href="#">Shop Now</a></div> <div class="banner span4"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvYmFubmVyLWNhdDIuanBnIn19/key/bdb2ab25fd25c5324417f99936540696/" alt="" /> <h1><span>The subjects played</span></h1> <a title="" href="#">Shop Now</a></div> <div class="banner span4"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvYmFubmVyLWNhdDMuanBnIn19/key/bdb2ab25fd25c5324417f99936540696/" alt="" /> <h1><span>The Bikes</span></h1> <a title="" href="#">Shop Now</a></div> </div>
<div class="block-banner block-support clearfix"><em class="icon-support"></em> <div class="support-info"><span>1-800-999-000</span><br /> <p>Call us Monday - Saturday 8:30 am - 6:00 pm</p> </div> </div>
<div class="block block-freeshipping"> <div class="block-title"><span>Free Shipping</span></div> <div class="block-content clearfix"><span>The idea behind this distinctive new statement piece is to fully embrace seasonal theme of ’Tour de Nerd’… only a true nerd would feel the need to take their own seat with him or her! This bag combines the new.</span> <ul class="payment-logo"> <li><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvdmlzYS5wbmcifX0,/key/bdb2ab25fd25c5324417f99936540696/" alt="" /></li> <li><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvbWFlc3Ryby5wbmcifX0,/key/bdb2ab25fd25c5324417f99936540696/" alt="" /></li> <li><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvcGF5cGFsLnBuZyJ9fQ,,/key/bdb2ab25fd25c5324417f99936540696/" alt="" /></li> <li><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvY2lycnVzLnBuZyJ9fQ,,/key/bdb2ab25fd25c5324417f99936540696/" alt="" /></li> <li><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvZWdvbGQucG5nIn19/key/bdb2ab25fd25c5324417f99936540696/" alt="" /></li> </ul> </div> </div>
<div class="block block-newsletter"> <div class="block-title">Newsletter</div> <div class="block-content"><span class="desc">Subscribe to our newsletter massa In Curabitur id risus sit quis justo sed ovanti</span><form id="newsletter-validate-detail" action="newsletter/subscriber/new/" method="post"> <div class="input-box"><button class="button" title="Subscribe" type="submit"><span><span>Subscribe</span></span></button> <input id="newsletter" class="input-text required-entry validate-email" title="Sign up for our newsletter" onfocus="if(this.value=='Enter your email address') this.value='';" onblur="if(this.value=='') this.value='Enter your email address';" type="text" name="email" value="Enter your email address" /></div> </form></div> </div> <div class="block block-rss"> <div class="block-title"><a title="Subscribe via RSS" href="/index.php/admin/cms_wysiwyg/directive/___directive/e3tjb25maWcgcGF0aD0id2ViL3Vuc2VjdXJlL2Jhc2VfdXJsIn19/key/bdb2ab25fd25c5324417f99936540696/rss">Subscribe via RSS</a></div> </div>
<div class="block get-help"> <div class="block-title"><span>Get help</span></div> <div class="block-content"> <ul> <li><a href="/index.php/admin/cms_wysiwyg/directive/___directive/e3tjb25maWcgcGF0aD0id2ViL3Vuc2VjdXJlL2Jhc2VfdXJsIn19/key/bdb2ab25fd25c5324417f99936540696/about-us.html">About us</a></li> <li><a href="/index.php/admin/cms_wysiwyg/directive/___directive/e3tjb25maWcgcGF0aD0id2ViL3Vuc2VjdXJlL2Jhc2VfdXJsIn19/key/bdb2ab25fd25c5324417f99936540696/contact.html">Contact us</a></li> <li><a href="#">Shopping</a></li> <li><a href="#">Privacy Policy</a></li> <li><a href="#">Terms of Use</a></li> <li><a href="#">Services</a></li> </ul> </div> </div>
<div class="block"> <div class="block-title"><span>Orders</span></div> <div class="block-content"> <ul> <li><a href="#">Shipping & Returns</a></li> <li><a href="#">Secure Shopping</a></li> <li><a href="#">International Shipping</a></li> <li><a href="#">Affiliates</a></li> <li><a href="#">Group Sales</a></li> <li><a href="#">Other...</a></li> </ul> </div> </div>
<div class="block"> <div class="block-title"><span>Join</span></div> <div class="block-content"> <ul> <li><a href="#">Check Order Status</a></li> <li><a href="#">Shipping Options</a></li> <li><a href="#">Returns and Exchanges</a></li> <li><a href="#">Product Recall</a></li> <li><a href="#">Live chat support</a></li> <li><a href="#">Other...</a></li> </ul> </div> </div>
<div class="block contact-us"> <div class="block-title"><span>Contact Us</span></div> <div class="block-content"> <ul class="contact-info"> <li class="street">4955 West Irlo Bronson Memorial Highway Kissimmee</li> <li class="phone-number">(084) - 00 - 12345678254</li> <li class="emaillocal"><a class="linkcontact" href="mailto:contact@ytcvn.com">contact@ytcvn.com</a></li> </ul> <div class="block-social"><span class="desc">Social networking</span> <ul> <li><a class="facebook" href="https://www.facebook.com/MagenTech" data-icon="F"><span>facebook</span></a></li> <li><a class="twitter" href="http://twitter.com/magentech" data-icon="L"><span>twitter</span></a></li> <li><a class="linkedin" href="#" data-icon="I"><span>linkedin</span></a></li> <li><a class="flickr" href="#" data-icon="N"><span>flickr</span></a></li> <li><a class="wordpress" href="#" data-icon="W"><span>wordpress</span></a></li> </ul> </div> </div> </div>
To config this page, please navigate to CMS >> Pages, create Home page, navigate to tab Design and update with the following settings:
PHP Code:
<reference name="head"> <action method="addCss"><stylesheet>sm/dynamicslideshow/css/sm-dynamicslideshow-settings.css</stylesheet></action> <action method="addCss"><stylesheet>sm/responsivelisting/css/sm_responsivereslisting.css</stylesheet></action> </reference> <reference name="slideshow"> <block type="dynamicslideshow/list" name="dynamicslideshow.list.default"/> </reference> <reference name="content-bottom"> <block type="basicproducts/feature" name="tab1" template="sm/basicproducts/feature.phtml"> <action method="setConfig"> <values> <block_title>New Products</block_title> <block_desc>Browse qua the following product new the we</block_desc> <title></title> <product_source>product</product_source> <product_ids>402,403,404,405,406</product_ids> <product_order_by>price</product_order_by> <num_columns>5</num_columns> <product_limitation>4</product_limitation> <product_image_width>250</product_image_width> <product_image_height>165</product_image_height> <product_price_disp>1</product_price_disp> <product_description_disp>0</product_description_disp> <product_rating_summary>1</product_rating_summary> <product_cart_or_status>1</product_cart_or_status> <product_addtocompare>1</product_addtocompare> <product_addtowishlist>1</product_addtowishlist> </values> </action> </block> </reference> <reference name="botsl"> <block type="blog/last" name="feature.blog"> <action method="setData"><key>custom_title</key><value>featured technology</value></action> <action method="setData"><key>blocks_count</key><value>6</value></action> <action method="setData"><key>categories</key><value>1</value></action> <action method="setData"><key>custom_enable</key><value>1</value></action> </block> <block type="responsivelisting/list" name="responsivelisting.biker"> <action method="setConfig"> <values> <product_category>68</product_category> </values> </action> <action method="setData"><key>custom_title</key><value>Bikes</value></action> <action method="setData"><key>custom_desc</key><value>The our most popular Bikes</value></action> </block> <block type="cms/block" name="banner1"> <action method="setBlockId"><block_id>banner1</block_id></action> </block> <block type="responsivelisting/list" name="responsivelisting.golf"> <action method="setConfig"> <values> <product_category>74</product_category> </values> </action> <action method="setData"><key>custom_title</key><value>Golf</value></action> <action method="setData"><key>custom_desc</key><value>The our most popular Golf</value></action> </block> <block type="cms/block" name="banner2"> <action method="setBlockId"><block_id>banner2</block_id></action> </block> </reference>
About page
<div class="page-about-us"> <div class="page-head"> <h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.</h2> </div> <div class="col3-set row"> <div class="col-1 span3d6"> <h2>ABOUT OUR AGENCY</h2> <p>Ideaware was founded on a basic principle: build great experiences with beautiful interfaces. We try to make the web and mobile scene a better place by helping our clients materialzie their ideas.</p> </div> <div class="col-2 span3d6"> <h2>OUR PHILOSOPHY</h2> <p>Great products are not only aesthetically pleasing but also easy to use. We believe that apps and websites should not only be eye catching but actually provide a great user experience that users will remember.</p> </div> <div class="col-3 span3d6"> <h2>HISTORY</h2> <p>Ideaware was founded in 2009, we've had the privilege to work with great companies and startups. Our team has rapidly grown since then, today we're more than 15 team members across our locations.</p> </div> </div> <div class="col2-set row"> <h2 class="span12">the team</h2> <div class="col-1 span5d2"> <div class="col-item"> <div class="item-img banner"><a title="Peter Jobs" href="#"><img src="http://demo.magentech.com/themes/sm_sport/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvbWVtYmVyMS5wbmcifX0,/key/bdb2ab25fd25c5324417f99936540696/" alt="Peter Jobs" /><span class="hover_shine"> </span></a> <div class="block-social"> <ul> <li><a class="facebook" href="https://www.facebook.com/MagenTech.page" data-icon="F"><span>facebook</span> </a></li> <li><a class="twitter" href="http://twitter.com/magentech" data-icon="L"><span>twitter</span> </a></li> <li><a class="linkedin" href="#" data-icon="I"><span>linkedin</span> </a></li> <li><a class="flickr" href="#" data-icon="N"><span>flickr</span> </a></li> <li><a class="wordpress" href="#" data-icon="W"><span>wordpress</span> </a></li> </ul> </div> </div> <a href="#">Peter Jobs</a> <p class="item-desc">CEO and Founder</p> <p>Aliquam aliquam consequat laoreet. Proin eu magna et odio facilisis viverra vitae et dolor. Fusce enim elit, pulvinar at vestibulum faucibus, eleifend sit amet massa.</p> </div> <div class="col-item"> <div class="item-img banner"><a title="Lucenzo Di Michele" href="#"><img src="http://demo.magentech.com/themes/sm_sport/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvbWVtYmVyMi5wbmcifX0,/key/bdb2ab25fd25c5324417f99936540696/" alt="Lucenzo Di Michele" /><span class="hover_shine"> </span></a> <div class="block-social"> <ul> <li><a class="facebook" href="https://www.facebook.com/MagenTech.page" data-icon="F"><span>facebook</span> </a></li> <li><a class="twitter" href="http://twitter.com/magentech" data-icon="L"><span>twitter</span> </a></li> <li><a class="linkedin" href="#" data-icon="I"><span>linkedin</span> </a></li> <li><a class="flickr" href="#" data-icon="N"><span>flickr</span> </a></li> <li><a class="wordpress" href="#" data-icon="W"><span>wordpress</span> </a></li> </ul> </div> </div> <a href="#">Lucenzo Di Michele</a> <p class="item-desc">CEO and Founder</p> <p>Aliquam aliquam consequat laoreet. Proin eu magna et odio facilisis viverra vitae et dolor. Fusce enim elit, pulvinar at vestibulum faucibus, eleifend sit amet massa.</p> </div> </div> <div class="col-2 span5d2"> <div class="col-item"> <div class="item-img banner"><a title="Kimberly Spenzer" href="#"><img src="http://demo.magentech.com/themes/sm_sport/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvbWVtYmVyMy5wbmcifX0,/key/bdb2ab25fd25c5324417f99936540696/" alt="Kimberly Spenzer" /><span class="hover_shine"> </span></a> <div class="block-social"> <ul> <li><a class="facebook" href="https://www.facebook.com/MagenTech.page" data-icon="F"><span>facebook</span> </a></li> <li><a class="twitter" href="http://twitter.com/magentech" data-icon="L"><span>twitter</span> </a></li> <li><a class="linkedin" href="#" data-icon="I"><span>linkedin</span> </a></li> <li><a class="flickr" href="#" data-icon="N"><span>flickr</span> </a></li> <li><a class="wordpress" href="#" data-icon="W"><span>wordpress</span> </a></li> </ul> </div> </div> <a href="#">Kimberly Spenzer</a> <p class="item-desc">Susan Cambler</p> <p>Aliquam aliquam consequat laoreet. Proin eu magna et odio facilisis viverra vitae et dolor. Fusce enim elit, pulvinar at vestibulum faucibus, eleifend sit amet massa.</p> </div> <div class="col-item"> <div class="item-img banner"><a title="Aliken Potainh" href="#"><img src="http://demo.magentech.com/themes/sm_sport/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvbWVtYmVyNC5wbmcifX0,/key/bdb2ab25fd25c5324417f99936540696/" alt="Aliken Potainh" /><span class="hover_shine"> </span></a> <div class="block-social"> <ul> <li><a class="facebook" href="https://www.facebook.com/MagenTech.page" data-icon="F"><span>facebook</span> </a></li> <li><a class="twitter" href="http://twitter.com/magentech" data-icon="L"><span>twitter</span> </a></li> <li><a class="linkedin" href="#" data-icon="I"><span>linkedin</span> </a></li> <li><a class="flickr" href="#" data-icon="N"><span>flickr</span> </a></li> <li><a class="wordpress" href="#" data-icon="W"><span>wordpress</span> </a></li> </ul> </div> </div> <a href="#">Aliken Potainh</a> <p class="item-desc">CEO and Founder</p> <p>Aliquam aliquam consequat laoreet. Proin eu magna et odio facilisis viverra vitae et dolor. Fusce enim elit, pulvinar at vestibulum faucibus, eleifend sit amet massa.</p> </div> </div> </div> </div>
Contact page
<reference name="content"> <block type="core/template" name="contactForm" template="contacts/form.phtml"/> </reference>
Support from MagenTech will be defined as following:
Item support includes:
Item support does not include:
Installation Services-Quickstart installation services cost $25:
Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, feel free to do the following steps to send us any question.here