PRSADD040 - Documentation

Contents

1. Installation Top

STEP1:
Go to Modules > Modules click on Add a new module at Top right corner.
Upload themeinstallator module.

Now find import /export a theme module and configure to install theme(PRSADD040).


STEP2:

Here you will see “Import from your computer” where you need to select Installer ZIP file which you have downloaded (PRSADD040_Installer) and click on “Next” button.

STEP3:

Click on “Next” button

STEP4:

Here you will see “Select the theme's modules you wish to install”. Select all the checkboxes so that all the modules are installed which are included with the theme.
Now, under “Native modules configuration”, if you want to see the template same as demo store then you need to select “Use Theme's configuration” and if you want to keep your current configuration then select “Keep my Current configuration”.
Then click on “Next” button.

STEP5:

Here you just need to click on “Finish” button and that’s it! You have successfully installed your new theme!
NOTE:
After completion of above process upload all static images on your server in “/public_html/img/cms/” directory using FTP or Cpanel Like Below Image.
You can find images in package folder: Prestashop Files_v.1.6.1.x/img/cms/ directory.


2. Activate Left Column Top

Now, Activate left column for our template from admin panel.
Go to Preferences > Themes and Enable “Default left Column” then click on Edit button for theme PRSADD040


After that under “Appearance of columns” section Enable left column for selected pages as display in screenshot.

3. Home Page Slider Setting Top

Go to Modules > Modules uninstall module "Image slider for your homepage”.
Click on All tab and find "Image slider for your homepage” module and click on “Uninstall” button

Now, Click on Other tab and find “TM-Home page Slider” module and install it and click on “Configure” link.

Select “Edit” button in Sample 1 slide.

Upload your slider image and click on “OK” button then click on “Save” button.

4. TemplateMela Module Settings Top

Now you need to install few modules which will enhance your store and make it look like our live demo.
Go to Modules > Modules click on Other Modules tab and install all the modules provided by TemplateMela.

1) TM - Category Product Slider

TM - Category Product Slidere "Install" and "Configure".


2) TM - Left Banner

TM - Left Banner "Install" and "Configure".


3) TM - Left Banner2

TM - Left Banner "Install" and "Configure".


4) TM - Manufacturer Logo block

TM - Manufacturer Logo block "Install" and "Configure".


5)TM - Product Hover Image

TM - Product Hover Image "Install" and "Configure".


6)TM - Products Tab

TM - Products Tab "Install" and "Configure".


7)TM - Quick search block

TM - Quick search block "Install" and "Configure".


8)TM - Subbanner

TM - Subbanner "Install" and "Configure".


9)TM - Vertical Menu

TM - Vertical Menu "Install" and "Configure".


10) TM - CMS Footer Block

TM - CMS Footer Block "Install" and "Configure".


Click on "Add New" button to Add TM - CMS Footer Block content.

Click on Source code button display in screen shot and paste below HTML code for TM - CMS Footer Block and click on "OK" button.

HTML code for TM - CMS Footer Block
<div id="footerlogo">
<div class="footer_logo"><a href="#"> <img alt="footer-logo.png" src="/img/cms/Logo.png" width="196" height="51" /></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.


11)TM - CMS Slider Bottom Block

TM - CMS Slider Bottom Block"Install" and "Configure".


Click on "Add New" button to Add TM - CMS Slider Bottom Block.

Click on Source code button display in screen shot and paste below HTML code for TM - CMS Slider Bottom Block and click on "OK" button.

HTML code for TM - CMS Slider Bottom 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.


12)TM - CMS Sub Banner Block

TM - CMS Sub Banner Block "Install" and "Configure".


Click on "Add new" button to add TM - CMS Sub Banner Block.

Click on Source code button display in screen shot and paste below HTML code for TM - CMS Sub Banner Block and click on "OK" button.

HTML code for TM - CMS Sub Banner Block
<div class="header_top_inner">
<div class="headerblock1 contentblock">
<div class="content">
<div class="image image2"></div>
<div class="title">free standard shipping</div>
<div class="subtitle">on all over $70</div>
</div>
</div>
<div class="headerblock2 contentblock">
<div class="content">
<div class="image image1"></div>
<div class="title">save uo to 20%</div>
<div class="subtitle">limited time only</div>
</div>
</div>
<div class="headerblock3 contentblock">
<div class="content">
<div class="image image3"></div>
<div class="title">app launch offer</div>
<div class="subtitle">extra 30% off</div>
</div>
</div>
</div>

After that Click on "Save" button.


13)TM - Slider CMS Block

TM - Slider CMS Block "Install" and "Configure".


Click on "Add new" button to add TM - Slider CMS Block.

Click on Source code button display in screen shot and paste below HTML code for TM - Slider CMS Block and click on "OK" button.

HTML code for TM - Slider CMS Block
<div class="top">
<p>welcome to heaven online shopping store</p>
</div>

After that Click on "Save" button.


14) TM - Static link block1

Install and Configure this modules to add static link.

Add new link in static link block.

You can add more links here. It will display under title CMS block.


15) TM - Static link block2

Install and Configure this modules to add static link.

Add new link in static link block.

You can add more links here. It will display under title CMS block.


16) TM - Static Link block3

Install and Configure this modules to add static link.

Add new link in static link block.

You can add more links here. It will display under title CMS block.


9) Smart Blog

Go to Modules > Modules click on Add a new module at Top right corner.
Upload Smart Blog module from theme package.

Now find Smart Blog "Install" and "Configure".

Go to BLOG > Image Type and update image size for your Blog.

Go to BLOG > Blog Post and add new Blog.


10) SmartBlog Home Latest

Go to Modules > Modules click on Add a new module at Top right corner.
Upload SmartBlog Home Latest module from theme package.

Now find SmartBlog Home Latest "Install" and "Configure".


5. Image Settings Top

Our live demo uses the following image sizes for product in product information page.
So it’s suggested to edit a product image size parameter named.
Go to PREFERENCES > Images and update image size for your store.
See below screen shot.