1. Download the compressed file named "IMJewellery" 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 "IMJewellery", 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.

<div class="wrapper">
<div class="top-wrapper">
<div class="page">
<div class="header-container">
<div class="header">
<div class="slider-wrapper">
<div class="slider" style="margin-top: -10px;">
<ul class="items" style="margin-top: -20px;">
<li> <img class="__mce_add_custom__" title="4.jpg" src="http://nauman.hostingshouse.com/projects/jewellery/product_images/uploaded_images/4.jpg" alt="4.jpg" width="727" height="387" /> </li>
<li> <img class="__mce_add_custom__" title="1.jpg" src="http://nauman.hostingshouse.com/projects/jewellery/product_images/uploaded_images/1.jpg" alt="1.jpg" width="727" height="387" /> </li>
<li> <img class="__mce_add_custom__" title="2.jpg" src="http://nauman.hostingshouse.com/projects/jewellery/product_images/uploaded_images/2.jpg" alt="2.jpg" width="727" height="387" /> </li>
<li> <img class="__mce_add_custom__" title="3.jpg" src="http://nauman.hostingshouse.com/projects/jewellery/product_images/uploaded_images/3.jpg" alt="3.jpg" width="727" height="387" /> </li>
</ul>
<ul class="pagination">
<li class="item-1"> <a></a>
<h4 style="color: #8f8e8e; margin-bottom: 16px;"><span style="color: #d5218d;">Gucci </span>Offers</h4>
<span>Starting from <br />Price:$237.00</span> </li>
<li class="item-2"> <a></a>
<h4 style="color: #8f8e8e; margin-bottom: 16px;"><span style="color: #d5218d;">Swarovaski</span> Offers</h4>
<span>Starting from <br />Price:$237.00</span> </li>
<li class="item-3"> <a></a>
<h4 style="color: #8f8e8e; margin-bottom: 16px;"><span style="color: #d5218d;">Gucci</span> Offers</h4>
<span>Starting from <br />Price:$237.00</span> </li>
<li class="item-4"> <a></a>
<h4 style="color: #8f8e8e; margin-bottom: 16px;"><span style="color: #d5218d;">Exclusive </span>offers</h4>
<span>Starting from <br />Price:$237.00</span> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

9. Create a Bottom banner with any name e.g "Home Page Bottom banner". 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.

<div><img class="__mce_add_custom__" style="padding: 2px;" title="5.png" src="http://nauman.hostingshouse.com/projects/jewellery/product_images/uploaded_images/5.png" alt="5.png" width="233" height="138" /> <img class="__mce_add_custom__" style="padding: 2px;" title="6.png" src="http://nauman.hostingshouse.com/projects/jewellery/product_images/uploaded_images/6.png" alt="6.png" width="233" height="138" /> <img class="__mce_add_custom__" style="padding: 2px;" title="5.png" src="http://nauman.hostingshouse.com/projects/jewellery/product_images/uploaded_images/5.png" alt="5.png" width="233" height="138" /> <img class="__mce_add_custom__" style="padding: 2px;" title="7.png" src="http://nauman.hostingshouse.com/projects/jewellery/product_images/uploaded_images/7.png" alt="7.png" width="233" height="138" /></div>

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

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