Prestashop Theme PRSADD256

Thank You For purchasing Prestashop Theme.

If you have any questions, please feel free to contact us via our support form. Thanks again for your
purchase.

Step 1 : Installation Back to Top 

Please, read the whole section, before attempting to install the theme.
IT IS RECOMMENDED TO ALWAYS BACKUP YOUR SYSTEM BEFORE MAKING ANY UPGRADES OR CHANGES !

Theme installation steps:

There are two methods for installing theme:

Method 1:
Log in to your site Prestashop Admin panel, Go to Design > Theme & Logo.
Now click on "Add new theme" to add theme.

After that upload "PRSADD256_Installer.zip" (Provided in our Theme Package) in "IMPORT FROM YOUR
COMPUTER" section as shown below and click on "Save" button.

Method 2:
Upload theme folders: img,modules and themes provided in our theme folder Prestashop Files_v1.7.x from
appropriate FTP Client as shown below.
Step 2 : Activate Theme Back to Top 

Now to activate theme on your site from admin panel, Go to Design > Theme & Logo. Select our theme
"PRSADD256" by clicking on "Use this theme".

Step 3 : Templatemela Module Settings Back to Top 

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 - Product Hover Image

TM - Product Hover Image. Click on "Configure".

After that Click on "Save" button.

3.4 : TM - Sidebar New Product

TM - Sidebar New Product. Click on "Configure".

After that Click on "Save" button.

3.5 : TM - Leftbanner

TM - Leftbanner. Click on "Configure".

After that Click on "Save" button.

3.6 : TM - Featured Products

TM - Featured products. Click on "Configure".

After that Click on "Save" button.

3.7 : TM - Brand Logo

TM - Brand Logo. Click on "Configure".

After that Click on "Save" button.

3.8 : TM - Specials

TM - Specials . Click on "Configure".

After that Click on "Save" button.

3.9 : Product Comments

Product Comments . Click on "Configure".

After that Click on "Save" button.

3.10 : TM - Categorylist Block

TM - Categorylist Block. Click on "Configure".

After that Click on "Save" button.

3.11 : TM - CMS2 Block

TM - CMS2 Block. Click on "Configure".

Click on Source code button display in screen shot and paste below HTML code for TM - CMS2 Block and
click on Source code button.
HTML code for TM - CMS2 Block

<div class="left_subbanner">
<div class="left_banner"><a class="left-img" href="#">
<img alt="1.jpg" src="img/cms/Sub-banner-05.jpg" />
</a></div>
<span class="banner_content"> <span class="title1">Digital Watches<br />Collection </span>
<span class="title2">From <span class="title3">89.99 $</span>
</span> <span class="banner_btn">
<a href="#">Shop Now</a></span> </span></div>
<div class="right_subbanner">
<div class="right_banner">
<a class="right-img" href="#">
<img alt="2.jpg" src="img/cms/Sub-banner-06.jpg" /></a>
</div>
<span class="banner_content">
<span class="title1">Smartphone And<br />Bettery </span>
<span class="title2">From <span class="title3">89.99 $</span>
</span> <span class="banner_btn"><a href="#">Shop Now</a>
</span> </span></div>

After that Click on "Save" button.

3.12 : TM - CMS1 Block

TM - CMS1 Block. Click on "Configure".

Click on Source code button display in screen shot and paste below HTML code for TM - CMS1 Block and
click on Source code button.
HTML code for TM - CMS1 Block

<div class="left_subbanner">
<div class="left_banner">
<a class="left-img" href="#">
<img alt="1.jpg" src="img/cms/Sub-banner-03.jpg" />
</a></div>
<span class="banner_content">
<span class="title1">Digital Camera<br />20% OFF </span>
<span class="title2">From $189 /Product </span>
<span class="banner_btn"><a href="#">Shop Now</a></span> </span></div>
<div class="right_subbanner">
<div class="right_banner"><a class="right-img" href="#">
<img alt="2.jpg" src="img/cms/Sub-banner-04.jpg" /></a></div>
<span class="banner_content">
<span class="title1">Smart Speakers<br />Collection </span>
<span class="title2">From $189 /Product </span>
<span class="banner_btn"><a href="#">Shop Now</a>
</span> </span></div>

After that Click on "Save" button.

3.13 : TM - Service CMS Block

TM - Service CMS Block. Click on "Configure".

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

<div class="service-cms-banner-list service-1">

<div class="service_block_inner">
<div class="service_image"></div>
<div class="service_content">
<div class="service_title1">Free delivery</div>
<div class="service_title2">Free shipping on all order</div>
</div>
</div>
 </div>
<div class="service-cms-banner-list service-2">
<div class="service_block_inner">
<div class="service_image"></div>
<div class="service_content">
<div class="service_title1">Money Return</div>
<div class="service_title2">Back guarantee in 7 days</div>
</div>
</div>
</div>
<div class="service-cms-banner-list service-3">
<div class="service_block_inner">
<div class="service_image"></div>
<div class="service_content">
<div class="service_title1">Member Discount</div>
<div class="service_title2">Onevery order over $130.00</div>
</div>
</div>
</div>
<div class="service-cms-banner-list service-4">
<div class="service_block_inner">
<div class="service_image"></div>
<div class="service_content">
<div class="service_title1">Online Support 24/7</div>
<div class="service_title2">Support 24 hours a day</div>
</div>
</div>
</div>

After that Click on "Save" button.

3.14 : TM - Category Slider Product

TM - Category Slider Product . Click on "Configure".

After that Click on "Save" button.

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 id="payment-cms" class="cms-content collapse">

<div class="payment-cms"><a href="#">
<img alt="1.png" src="img/cms/1.png" />
</a> <a href="#">
<img alt="2.png" src="img/cms/2.png" /></a>
<a href="#">
<img alt="3.png" src="img/cms/3.png" />
</a> <a href="#">
<img alt="4.png" src="img/cms/4.png" /></a>
<a href="#">
<img alt="5.png" src="img/cms/5.png" />
</a></div>
</div>

After that Click on "Save" button.

3.16 : 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="left_subbanner">
<div class="left_banner">
<a class="left-img" href="#"><img alt="1.jpg" src="img/cms/Sub-banner-01.jpg" /></a>
</div>
<span class="banner_content">
<span class="title1">Latest VRbox<br />Collection </span>
<span class="title2">From <span class="title3">89.99 $</span> </span> <span class="banner_btn">
<a href="#">Shop Now</a></span> </span></div>
<div class="right_subbanner">
<div class="right_banner">
<a class="right-img" href="#"> <img alt="2.jpg" src="img/cms/Sub-banner-02.jpg" /></a></div>
<span class="banner_content">
<span class="title1">Smart Gamepad<br />Collection </span>
<span class="title2">From <span class="title3">89.99 $</span>
</span> <span class="banner_btn"><a href="#">Shop Now</a>
</span> </span></div>
After that Click on "Save" button.

Step 4 : Image Settings Back to 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 parameters.
Go to Design > Image Settings and update image size for your store.

Refer below screen shot for it.

Step 5 : Blog Settings Back to Top 

Go to Modules > Modules click on upload a module at Top right corner.

Upload psblog module from theme package.

Edit default setting from Backoffice -> Ps Blog Management