Thanks so much!
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.0
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 Saphi 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="content-top"> <!-- banner footer--> <block type="cms/block" name="bannerfooter"> <action method="setBlockId"><block_id>banner-footer</block_id></action> </block> <!-- showproduct home --> <block type="tablisting/list" name="tablisting"> <action method="setConfig"> </action> </block> <!-- end--> </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 Saphi configuration in backend:
1. Under Magento admin panel, go to System >> Configuration
2. Select SM Saphi 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:
1 Color Sample
5 presets to be chosen
2 Body
Background and Text color
3 Menu Style
3 options to be chosen: Mega, CSS or Split
4 Typography
Google Font, various font-size and font-family
1. SM Cart Pro
1.1 Position
SM Cart Pro
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 Search Box Pro
2.1 Position:
SM Search Box Pro
2.2 Front-end appreance
2.3 Configuration
Backend: Click here
To view more guide about how to install, set up and configure SM Search Box Pro as you want, please click HERE
2.4. Configuration Social Network Icon.
To edit or remove the social icon, you can unzip theme installation file and go to the path: app\design\frontend\default\sm_saphi\template\sm\searchboxpro
Find the code below and edit:
<div class="block-links-social"> <ul> <li><a class="icon-facebook" href="https://www.facebook.com/magentech" target="_blank"></a></li> <li><a class="icon-twitter" href="https://twitter.com/magentech" target="_blank"></a></li> <li><a class="icon-google-plus" href="https://plus.google.com/111936609376399911024/posts" target="_blank"></a></li> <li><a class="icon-linkedin" href="https://vn.linkedin.com/in/magentech/" target="_blank"></a></li> </ul> <?php //echo $this->getLayout()->createBlock('cms/block')->setBlockId('block-social')->toHtml(); ?></div>
3.SM Camera Slider
3.1 Position
SM Camera Slider
3.2 Front-end appreance
3.3 Configuration
Backend:
4.SM Tab Listing
4.1 Position
SM Tab Lising
4.2 Front-end appreance
4.3 Configuration
Backend: Click here
5.SM Quickview
5.1 Position
SM Tab Lising
5.2 Front-end appreance
5.3 Configuration
Backend: Click here
6.SM Slider
6.1 Position
SM Slider
6.2 Front-end appreance
6.3 Configuration
Backend: Click here
To view more guide about how to install, set up and configure as you want, please click HERE
To create static blocks, go to CMS >> Static Blocks >> Add new block
1. Banner Footer
1.1. Identifier
banner-footer
1.2. Front-end Appearance
1.3. Backend settings: Click here
1.4. Code to display as demo
<ul class="banner-footer"> <li> <div class="bg-img"> </div> <a href="#">Shop Now</a><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvYmFubmVyLWZvb3Rlci9pbWcxLnBuZyJ9fQ,,/key/3861411254b278c69e938c7ac557770d/" alt="" /></li> <li> <div class="bg-img"> </div> <a href="#">Shop Now</a><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvYmFubmVyLWZvb3Rlci9pbWcyLnBuZyJ9fQ,,/key/3861411254b278c69e938c7ac557770d/" alt="" /></li> <li> <div class="bg-img"> </div> <a href="#">Shop Now</a><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvYmFubmVyLWZvb3Rlci9pbWczLnBuZyJ9fQ,,/key/3861411254b278c69e938c7ac557770d/" alt="" /></li> </ul>
2. About us home
2.1. Identifier
about-us-home
2.2. Front-end Appearance
2.3. Backend settings: Click here
2.4. Code to display as demo
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sagittis lobortis libero commodo ultricies. Cum ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sagittis lobortis libero commodo ultricies.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sagittis lobortis libero commodo ultricies. Cum ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sagittis lobortis libero commodo ultricies.<br />Qui an voluptaria comprehensam interpretaris, falli nonumes petentium pri ad. Has et scaevola perpetua, justo tacimates invenire ei usu. Congue nemore sea id. Vix ferri aeterno et. Tempor eloquentiam interpretaris nec in, te stet ullum referrentur nam, novum possim eu vis. No per doming minimum moderatius, tation definitiones et sit.</p>
3. Left Block Banner Free
3.1. Identifier
left-block-banner-free
3.2. Front-end Appearance
3.3. Backend settings: Click here
3.4. Code to display as demo
<div id="myCarousel" class=" block carousel slide" data-interval="0"> <div class="w-cin"> <div class="carousel-inner"> <div class="active item frs"> <p class="p-first">free</p> <p class="p-last">shipping</p> <p><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvaW1nLXNoaXBwaW5nLnBuZyJ9fQ,,/key/4245495ce418be85ffac28637446ba65/" alt="" /></p> <p>Get free shipping on everything at Saphi on orders over 300 $</p> </div> <div class="item mbg"> <p class="p-first">100<span>%</span></p> <p class="p-last">Money Back Guarantee</p> <p><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvaW1nLW1vbmV5LnBuZyJ9fQ,,/key/4245495ce418be85ffac28637446ba65/" alt="" /></p> <p>All purchases at Macyshop are covered by our " 7 days No Questions Asked Refund Policy"</p> </div> <div class="item aug"> <p class="p-first">100<span>%</span></p> <p class="p-last">authenticity guaranteed</p> <p><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvaW1nLWF1dGhlbnRpY2l0eS5wbmcifX0,/key/4245495ce418be85ffac28637446ba65/" alt="" /></p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget</p> </div> </div> </div> <div class="w-ci"><ol class="carousel-indicators"> <li class="active" data-target="#myCarousel" data-slide-to="0"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> </ol></div> </div>
4. Block information footer
4.1. Identifier
block-info-footer
4.2. Front-end Appearance
4.3. Backend settings: Click here
4.4. Code to display as demo
<div class="block-info-footer"> <ul> <li class="first"><a href="/index.php/admin/cms_wysiwyg/directive/___directive/e3tzdG9yZSB1cmw9Jyd9fQ,,/key/4245495ce418be85ffac28637446ba65/">Home</a></li> <li><a href="/index.php/admin/cms_wysiwyg/directive/___directive/e3tjb25maWcgcGF0aD0id2ViL3Vuc2VjdXJlL2Jhc2VfdXJsIn19/key/4245495ce418be85ffac28637446ba65/contacts">Contact</a></li> <li><a href="/index.php/admin/cms_wysiwyg/directive/___directive/e3tjb25maWcgcGF0aD0id2ViL3Vuc2VjdXJlL2Jhc2VfdXJsIn19/key/4245495ce418be85ffac28637446ba65/catalog/seo_sitemap/category/">Sitemap</a></li> <li><a href="#">Legal Notice</a></li> <li><a href="#">Terms and Conditions</a></li> <li class="last"><a href="/index.php/admin/cms_wysiwyg/directive/___directive/e3tjb25maWcgcGF0aD0id2ViL3Vuc2VjdXJlL2Jhc2VfdXJsIn19/key/4245495ce418be85ffac28637446ba65/about-us">About Us</a></li> </ul> </div>
<div class="open-time"> <h2>Opening Time</h2> <p>Every 30 day of month Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <ul> <li>Monday-Friday ______8.00 to 18.00</li> <li>Saturday ____________ 9.00 to 18.00</li> <li>Sunday _____________10.00 to 16.00</li> </ul> </div>
<div class="open-time"> <h2>Store Location</h2> <p>Feel free to contact us if you have any problems.</p> <ul> <li><strong>Address</strong> : 242 NTB Street, NY, US</li> <li><strong>Email</strong> : <a href="mailto:support@saphi.com">support@saphi.com</a></li> <li><strong>Address</strong> : 250 NTB Street, CL, US</li> <li><strong>Phone</strong> : 0123456789</li> </ul> </div>
<div class="open-time"> <h2>Customer Services</h2> <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> </ul> </div>
<div class="open-time"> <h2>Why Choose Us</h2> <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> </ul> </div>
<p><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL3BheW1lbnQvdmlzYS5wbmcifX0,/key/3861411254b278c69e938c7ac557770d/" alt="image" /><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL3BheW1lbnQvcGF5cGFsLnBuZyJ9fQ,,/key/3861411254b278c69e938c7ac557770d/" alt="image" /><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3tza2luIHVybD0iaW1hZ2VzL3BheW1lbnQvYm9va2VyLnBuZyJ9fQ,,/key/3861411254b278c69e938c7ac557770d/" alt="image" /></p>
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="content-top"> <!-- banner footer--> <block type="cms/block" name="bannerfooter"> <action method="setBlockId"><block_id>banner-footer</block_id></action> </block> <!-- showproduct home --> <block type="tablisting/list" name="tablisting"> <action method="setConfig"> </action> </block> <!-- end--> </reference>
Blog page
<reference name="content"> <block type="blog/blog" name="blog" as= "blog-list" template="aw_blog/blog.phtml"> <block type="blog/product_toolbar" name="aw_blog_list_toolbar" template="catalog/product/list/toolbar.phtml"> <block type="page/html_pager" name="product_list_toolbar_pager"/></block> </block> </reference>
Contact us page
<reference name="content"> <block type="core/template" name="contactForm" template="contacts/form.phtml"/> </reference>
About us page
<div class="w-aboutus"> <h2 class="title-aboutus">About us</h2> <div class="w-top"> <div class="w-left"> <div class="w-left-title"> <h2>Welcome To Saphi</h2> <div class="two-line"> </div> </div> <!--end w-left-title --> <div class="w-left-content"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvaW1nLWFib3V0LXVzLnBuZyJ9fQ,,/key/4245495ce418be85ffac28637446ba65/" alt="" /> <p>Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim. Nunc non nisl lacus. Integer pharetra lacinia dapibus. Donec eu dolor dui, vel posuere mauris.</p> <p>Pellentesque semper congue sodales. In consequat, metus eget con sequat ornare, augue dolor blandit purus, vitae lacinia nisi tellus in erat. Nulla ac justo eget massa aliquet sodales. Maecenas mattis male suada sem, in fringilla massa dapibus quis. Suspendisse aliquam leo id neque auctor molestie. Etiam at nulla tellus.</p> <p>Nulla auctor mauris ut dui luctus semper. In hac habitasse platea dictumst. Duis pellentesque ligula a risus suscipit dignissim.</p> </div> </div> <div class="w-right"> <div class="w-left-title"> <h2>Why Choose Us</h2> <div class="two-line"> </div> </div> <div class="w-right-content"> <ul> <li>Shipping & Returns</li> <li>Secure Shopping</li> <li>International Shipping</li> <li>Affiliates</li> <li class="lasts">Group Sales</li> </ul> </div> <!--end w-right-content--></div> </div> <div class="w-middle"> <div class="w-middle-title"> <h2>Our Member</h2> <div class="two-line"> </div> <p>Consectetur adipiscing elit. Donec pellentesque venenatis elit, quis aliquet mauris malesuada vel. Donec vitae libero dolor, eget dapibus justo. Aenean facilisis aliquet feugiat. Suspendisse lacinia congue est ac semper. Nulla ut elit magna, vitae volutpat magna.</p> </div> <div class="w-middle-content">{{block type="basenews/list" name="aboutus" template="sm/basenews/member.phtml" nb_column1="4" product_image_disp"0" item_desc_max_characs="100" product_image_width="194" product_image_height="194" product_details_page_link_disp="0" item_description_striptags="0"}}</div></div> <div class="w-footer"> <div id="happycs" class="carousel slide" data-interval="0"> <div class="icon-dp"> </div> <div class="title"> <h2>Happy Customer Say</h2> <ul> <li><a class="minus" href="#happycs" data-slide="prev">‹</a></li> <li><a class="plus" href="#happycs" data-slide="next">›</a></li> </ul> </div> <div class="w-footer-content"> <div class="carousel-inner"> <div class="active item"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In congue, justo non cursus adipiscing, dui nibh scelerisque justo, quis pretium turpis neque eget nulla. Curabitur dictum consectetur metus nec dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In congue, justo non cursus adipiscing, dui nibh scelerisque justo non cursus adipiscing, dui nibh scelerisque justo, quis pretium turpis.</p> <p class="item-tg">- <span class="s-name">Mama Duo</span> - <span class="s-name-r">Social Media Strategist</span></p> </div> <div class="item"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In congue, justo non cursus adipiscing, dui nibh scelerisque justo, quis pretium turpis neque eget nulla. Curabitur dictum consectetur metus nec dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In congue, justo non cursus adipiscing, dui nibh scelerisque justo non cursus adipiscing, dui nibh scelerisque justo, quis pretium turpis.</p> <p class="item-tg">- <span class="s-name">Mama Duo</span> - <span class="s-name-r">Social Media Strategist</span></p> </div> </div> </div> </div> </div> </div>
Support from MagenTech will be defined as following:
Item support includes:
Item support does not include:
Installation Services-Quickstart installation services cost $25:
Once again, thank you so much for purchasing this theme. As we said at the beginning, we would be glad to help you if you have any questions relating to this theme. No guarantees, but we'll do the best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the our ticket system and send support request via Support Tickets System.
Thanks so much!