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.

  • 121 Users Found This Useful
這篇文章有幫助嗎?