- Download the compressed file named "IMauto2" from your client area after purchase.
- Extract the file.
- Upload the content within main folder into your root directory of Interspire installation.
- Now log into your admin panel.
- Click on "Store Design" link which can be found in top links.
- 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).
- Navigate to "Marketing" -> "View Banners".
- 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.
- Click on Save
- Now Navigate to "Settings" -> "Store Settings" (can be found in top links).
- Click on "Images" tab and Set Storewide Thumbnail to 140 x 135.
- Now click on "Display" tab and set Featured Products and New Products to 12.
- Click Save.
<ul id="slideshow">
<li> <span>%%GLOBAL_IMG_PATH%%/slider/photos/1.png</span>
<p> </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> </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> </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> </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> </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> </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> </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>
You are all done. Please rate this topic if it helped you with the installation.