Search Google

Thursday 8 January 2015

magento responsive theme free download

SM Viste - Responsive Magento Theme
When you download theme from our store and unzip, you will be got full of main files for theme installation. They're:
  • Theme Package: Use this package to install to your current site. This contains the theme files only.
  • QuickStart Installation Package: This package included modules, theme, sample data.
  • Extension Packages: Modules in-house which we used for the demo.
  • PSD Sources: All PSD design themes
  • Documentation: Detail userguide to install and configure theme

3. Mega Menu Items

In order to add menu items, Go to SM Mega Menu >> Menu items Manager
You must create add new Menu Group.
The settings below belong to SM Viste group. Other group has similar settings menu item
3.1 Home
Front-end appreance 

Backend Settings: Click here
Home Menu Items Tree:

Code of content used in About us:
  1. <div class="aboutus-mega">
  2. <div class="aboutus-mega-img">
  3. <a href="{{config path="web/unsecure/base_url"}}about-us" title="About us">
  4. <img src="{{media url="wysiwyg/cms-page/mega-aboutus.jpg"}}" alt="" />
  5. </a>
  6. </div>
  7. <div class="aboutus-mega-intro">
  8. <span>Welcome To Viste</span><br />
  9. 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. Pellentesque semper congue sodales.
  10. </div>
  11. </div>
Code of content used in Video:
  1. <div class="box-video" style="">
  2. <iframe src="//" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="">s_11</a> from <a href="">Ben</a> on <a href="">Vimeo</a>.</p>
  3. </div>
How to configure Home Page: Refer here
3.2 Accessories Menu
Front-end appreance 

Backend Settings: Click here
Category/87: (To config: Go to Catalog >> Manager Categories > Accessories > Display Settings > Display Mode = "Products Only")
Accessories Menu Items Tree:

Code of content used in Categories:
  1. <ul class="level0 custom shown-sub">
  2. <li class="level1 nav-1-1 first">
  3. <a href="{{config path="web/unsecure/base_url"}}accessories/category1.html" class="">
  4. <span>Category 1</span>
  5. </a>
  6. </li>
  7. <li class="level1 nav-1-2">
  8. <a href="{{config path="web/unsecure/base_url"}}accessories/category2.html" class="">
  9. <span>Category 2</span>
  10. </a>
  11. </li>
  12. <li class="level1 nav-1-3">
  13. <a href="{{config path="web/unsecure/base_url"}}accessories/category3.html" class="">
  14. <span>Category 3</span>
  15. </a>
  16. </li>
  17. <li class="level1 nav-1-4">
  18. <a href="{{config path="web/unsecure/base_url"}}accessories/category4.html" class="">
  19. <span>Category 4</span>
  20. </a>
  21. </li>
  22. <li class="level1 nav-1-5">
  23. <a href="{{config path="web/unsecure/base_url"}}accessories/category5.html" class="">
  24. <span>Category 5</span>
  25. </a>
  26. </li>
  27. <li class="level1 nav-1-6">
  28. <a href="{{config path="web/unsecure/base_url"}}accessories/category-6.html" class="">
  29. <span>Category 6</span>
  30. </a>
  31. </li>
  32. <li class="level1 nav-1-7">
  33. <a href="{{config path="web/unsecure/base_url"}}accessories/category-7.html" class="">
  34. <span>Category 7</span>
  35. </a>
  36. </li>
  37. <li class="level1 nav-1-8">
  38. <a href="{{config path="web/unsecure/base_url"}}accessories/category-8.html" class="">
  39. <span>Category 8</span>
  40. </a>
  41. </li>
  42. </ul>
Menu type: CMS Block
CMS Block: block-banner-mega ( To config: Go to CMS >> Statistic Block ): Click here
Code of content used in Banner:
  1. <div class="block-banner-mega">
  2. <div class="banner-mega-img"><img src="/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9Ind5c2l3eWcvY21zLXBhZ2UvbWVnYS1iYW5uZXIuanBnIn19/key/1729ecf93e0c891a5e836f20a148cf46/" alt="" /></div>
  3. <p>Cras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, nec dictum nunc. Suspendisse dapibus ullamcorper pede.</p>
Code of content used in Best Sales:
  1. <div class="mega-bestsale">
  2. {{block type="basicproducts/home" name="topmost" template="sm/basicproducts/featured.phtml"
  3. title="" product_source="product" product_ids="425,417" product_order_by="price" num_columns="1" product_limitation="2" product_image_width="100" product_image_height="85" product_title_max_length="20" product_title_disp="1" product_rating_summary="1" product_description_disp="0" product_cart_or_status="0"}}
  4. </div>
3.3 Cameras Menu
Front-end appreance 



3. position-03: Slideshow

Back-end Settings
  1. <div class="jm-home-slideshow">{{block type="joomlart_jmslideshow/list" name="home.jmslideshow.list" }}</div>
Front-end Appearance:

4. position-04: Categories list

Back-end Settings
  1. <div>{{block type="joomlart_jmcategorylist/list" name="jmcategorylist" template="joomlart/jmcategorylist/list.phtml" }}</div>
Front-end Appearance:

5. position-05: Men

Back-end Settings
  1. <div>{{block type="joomlart_jmproducts/list" name="New Product" template="joomlart/jmproducts/list.phtml" title="New Product" catsid="5"}}</div>
Front-end Appearance:

6. position-06: Women

Back-end Settings
  1. <div>{{block type="joomlart_jmproducts/list" name="New Product" template="joomlart/jmproducts/list.phtml" title="New Product" catsid="4"}}</div>
Front-end Appearance:


mobile themes

No comments:

Post a Comment