Now you need to configure few modules which will enhance your store and make it look like our live demo.
Go to
Modules > Modules & Services, click on
Installed modules tab and configure all the modules provided by TemplateMela.
3.1 : TM - Image Slider
TM - Image Slider. Click on "Configure".
Select
“Edit” button in
Sample 1 slide.
Upload your slider image and then click on “Save” button.
3.2 : TM - New Products
TM - New Products. Click on "Configure".
After that Click on "Save" button.
3.3 : TM - Bestseller block
TM - Bestseller block. Click on "Configure".
After that Click on "Save" button.
3.4 : TM - Featured products
TM - Featured products. Click on "Configure".
After that Click on "Save" button.
3.5 : TM - Specials block
TM - Specials block. Click on "Configure".
After that Click on "Save" button.
3.6 : TM - Brand Logo
TM - Brand Logo. Click on "Configure".
After that Click on "Save" button.
3.7 : TM - Left Banner
TM - Left Banner. Click on "Configure".
After that Click on "Save" button.
3.8 : TM - Left Banner1
TM - Left Banner1. Click on "Configure".
After that Click on "Save" button.
3.9 : TM - Link block
TM - Link block. Click on "Configure".
Add new link in link block.
You can add more links here. It will display under title CMS block.
After that Click on "Save" button.
3.10 : TM - Nav CMS Block
TM - Nav CMS Block. Click on "Configure".
Click on Source code button display in screen shot and paste below HTML code for TM - Nav CMS Block
and click on Source code button.
HTML code for TM - Nav CMS Block
<div class="box-content-cms">
<div class="inner-cms">
<div class="box-cms-content">
<div class="first-content">
<div class="inner-content">
<div class="service-content">
<div class="cms-icon icon-left1"></div>
<div class="service-right">
<div class="service-title">free world delivery</div>
<div class="service-desc">orders over $100</div>
</div>
</div>
</div>
</div>
<div class="fourth-content">
<div class="inner-content">
<div class="service-content">
<div class="cms-icon icon-left2"></div>
<div class="service-right">
<div class="service-title">money back guarantee</div>
<div class="service-desc">within 30 days</div>
</div>
</div>
</div>
</div>
<div class="second-content">
<div class="inner-content">
<div class="service-content">
<div class="cms-icon icon-left3"></div>
<div class="service-right">
<div class="service-title">best online support</div>
<div class="service-desc">hours : 8am - 11pm</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
After that Click on "Save" button.
3.11 : TM - CMS Banner Block
TM - CMS Banner Block . Click on "Configure".
Click on Source code button display in screen shot and paste below HTML code for TM - CMS Banner Block
and click on Source code button.
HTML code for TM - CMS Banner Block
<div class="upper">
<div class="subbanner1"><a href="#"><img src="img/cms/sub-banner-04-.jpg" alt="Subbanner1" class="img-respo"></a>
<div class="text-block">
<div class="text1"><a href="#">tea makers</a></div>
<div class="text2"><a href="#">best deals</a></div>
<div class="text3"><a href="#">20% off</a></div>
</div>
</div>
<div class="subbanner2"><a href="#"><img src="img/cms/sub-banner-05-.jpg" alt="Subbanner2" class="img-respo"></a>
<div class="text-block">
<div class="text1"><a href="#">new utensils</a></div>
<div class="text2"><a href="#">largest selection</a></div>
<div class="text3"><a href="#">35% off</a></div>
</div>
</div>
</div>
After that Click on "Save" button.
3.12 : TM - CMS Block
TM - CMS Block . Click on "Configure".
Click on Source code button display in screen shot and paste below HTML code for TM - CMS Block
and click on Source code button.
HTML code for TM - CMS Block
<p>welcome to sketchy online shopping store</p>
After that Click on "Save" button.
TM - Footer CMS Block . Click on "Configure".
Click on Source code button display in screen shot and paste below HTML code for TM - Footer CMS Block
and click on Source code button.
HTML code for TM - Footer CMS Block
<div id="footerlogo">
<div class="footer_logo"><a href="#"> <img alt="footer-logo.png" src="img/cms/Logo.png"></a></div>
<div class="footer-desc">
<p>There are many variations of passages of dont look even slightly believable. Various versions have evolved ation of have evolved have passages.</p>
</div>
</div>
After that Click on "Save" button.
3.14 : TM - Product Hover Image
TM - Product Hover Image . Click on "Configure".
3.15 : TM - Payment CMS Block
TM - Payment CMS Block . Click on "Configure".
Click on Source code button display in screen shot and paste below HTML code for TM - Payment CMS Block
and click on Source code button.
HTML code for TM - Payment CMS Block
<div class="payment">
<p><a href="#"> <img src="img/cms/American-Express-icon.png" alt="logo.png"></a></p>
<p><a href="#"> <img src="img/cms/discover.png" alt="logo.png"></a></p>
<p><a href="#"> <img src="img/cms/maestro.png" alt="logo.png"></a></p>
<p><a href="#"> <img src="img/cms/paypal.png" alt="logo.png"></a></p>
</div>
After that Click on "Save" button.
3.16 : TM - Sub Banner Block
TM - Sub Banner Block . Click on "Configure".
TM - Link block. Click on "Configure".
Add new link in link block.
You can add more links here. It will display under title CMS block.
After that Click on "Save" button.
TM - Product Hover Image . Click on "Configure".
3.19 : TM - Sidebar New Product
TM - Sidebar New Product. Click on "Configure".
After that Click on "Save" button.
3.20 : TM - Sidebar Top-sellers block
TM - Sidebar Top-sellers block . Click on "Configure".
After that Click on "Save" button.
