Auto2

Please follow the instructions below to find out how can you integrate IMauto2 design on your Interspire Shopping Cart.

  1. Download the compressed file named "IMauto2" from your client area after purchase.
  2. Extract the file.
  3. Upload the content within main folder into your root directory of Interspire installation.
  4. Now log into your admin panel.
  5. Click on "Store Design" link which can be found in top links.
  6. Now you must be seeing an added template named "IMauto2", click on "Apply This Template". Now on the same page, click on "Logo" tab and Create a new logo image for your store based on this store design (if you don't have a designed logo).
  7. Navigate to "Marketing" -> "View Banners".
  8. Create a banner with any name e.g "Home Page Slider". In Banner Content, click on the small last icon "HTML". It will pop-up a new box where you'll need to write the below codes.

  9. <ul id="slideshow">
    <li> <span>%%GLOBAL_IMG_PATH%%/slider/photos/1.png</span>
    <p>&nbsp;</p>
    <a href="#"><img class="__mce_add_custom__" title="1.png" src="product_images/uploaded_images/1.png" alt="1.png" width="120" height="107" /></a> </li>
    <li> <span>%%GLOBAL_IMG_PATH%%/slider/photos/2.png</span>
    <p>&nbsp;</p>
    <a href="#"><img class="__mce_add_custom__" title="2.png" src="product_images/uploaded_images/2.png" alt="2.png" width="120" height="107" /></a> </li>
    <li> <span>%%GLOBAL_IMG_PATH%%/slider/photos/3.png" </span>
    <p>&nbsp;</p>
    <img class="__mce_add_custom__" title="3.png" src="product_images/uploaded_images/3.png" alt="3.png" /> </li>
    <li> <span>%%GLOBAL_IMG_PATH%%/slider/photos/4.png</span>
    <p>&nbsp;</p>
    <a href="#"><img class="__mce_add_custom__" title="4.png" src="product_images/uploaded_images/4.png" alt="4.png" /></a> </li>
    <li> <span>%%GLOBAL_IMG_PATH%%/slider/photos/5.png</span>
    <p>&nbsp;</p>
    <a href="#"><img class="__mce_add_custom__" title="5.png" src="product_images/uploaded_images/5.png" alt="5.png" /></a> </li>
    <li> <span>%%GLOBAL_IMG_PATH%%/slider/photos/6.png</span>
    <p>&nbsp;</p>
    <img class="__mce_add_custom__" title="6.png" src="product_images/uploaded_images/6.png" alt="6.png" width="120" height="107" /> </li>
    <li> <span>%%GLOBAL_IMG_PATH%%/slider/photos/7.png</span>
    <p>&nbsp;</p>
    <a href="#"><img class="__mce_add_custom__" title="7.png" src="product_images/uploaded_images/7.png" alt="7.png" width="120" height="107" /></a> </li>
    </ul>

  10. Click on Save
  11. Now Navigate to "Settings" -> "Store Settings" (can be found in top links).
  12. Click on "Images" tab and Set Storewide Thumbnail to 140 x 135.
  13. Now click on "Display" tab and set Featured Products and New Products to 12.
  14. Click Save.

You are all done. Please rate this topic if it helped you with the installation.

  • 89 Users Found This Useful
Was this answer helpful?

Related Articles

Auto

Please follow the instructions below to find out how can you integrate Auto design on your...

Auto 3

Please follow the instructions below to find out how can you integrate IMAuto3 design on...

Bakery

Please follow the instructions below to find out how can you integrate IMBakery design on...

BeautyShop

Please follow the instructions below to find out how can you integrate IMBeautyShop design...

Book store

Please follow the instructions below to find out how can you integrate Book store design on...