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
