Etrend PrestaShop Theme offer everything you need to build, grow & scale your ecommerce business. Best Converting PrestaShop Theme, Guaranteed. This premium PrestaShop Theme is backed by powerful conversation boosting features that help you to drive more sales!


Compatible with PrestaShop:

PrestaShop 1.7.x


PrestaShop 1.7 Help:

System Requirements

Installation Guide

PrestaShop 1.7 Forum

PrestaShop at stackoverflow.com

HiddenTechies Blog

Etrend is a responsive, clean and modern PrestaShop 1.7 theme which will be a perfect match for your online store.

Etrend PrestaShop Theme offer everything you need to build, grow & scale your ecommerce business. Best Converting PrestaShop Theme, Guaranteed. This premium PrestaShop Theme is backed by powerful conversation boosting features that help you to drive more sales!

This PrestaShop 1.7 theme has advanced features which will make your website becomes more professional with clean and classy layouts. It is fully responsive and looks stunning on all types of screens and devices.

Key Features

  • PrestaShop 1.7.x Ready!
  • Fully Responsive
  • Touch Optimized Slideshow
  • Cross Browser Compatibility
  • Featured Product List
  • Powerful Admin Panel
  • Auto Install Demo Content
  • No Core Modifications
  • Easy Use and Easy Customize
  • Well-structured and commented code for easy customization

Unleash your creativity and build something amazing with Etrend PrestaShop 1.7 Theme!

To install the theme follow the instructions below:


Prepare Installation

We recommend you to duplicate your live store on a development store and try installation on it in advance.

Backup PrestaShop 1.7 files and the store database.

Disable all cache related section that you have in your PrestaShop 1.7.

If you need help for installing PrestaShop, follow the instructions in PrestaShop Doc Guide..


Please Note:

We recommend to use this theme on a new, clean installation or existing shops without custom core modifications.


PHP configuration

memory_limit = 128M

max_execution_time = 300

max_input_time = -1

upload_max_filesize = 25M

post_max_size = 20M

max_input_vars = 10000

allow_url_fopen = On

register_globals = disabled


Files & Folders Permission

Permissions for all files should be set to "664"

Permissions for all folders should be set to "755"

Please Note:

If you don't know how to check these requirements, ask your hosting provider.


Theme Installation

1. Download theme package of your purchased theme and extract it.

2. Now Go to theme-files folder where you will find the zip (ps_etrend.zip) file.

3. Now login to your PrestaShop backend panel and navigate to Design > Theme & Logo

4. Now click on Add new theme button at top right corner.

Etrend PrestaShop 1.7 Theme Install

5. Here, You will have three choice to install theme :


Etrend PrestaShop 1.7 Theme Install
  • Import from your computer

    In this option, Click on the Add File button and select the theme package from theme-package > theme-files > ps_etrend.zip

    Once you select theme, click on Save button.

  • Import from the web

    In this option, here you have to enter the URL where the ZIP file is available.

    Now click on Save button.

  • Import from FTP

    In this option, You have to upload Theme File Package named ps_etrend.zip to your themes/ directory of your prestashop setup.

    Now select the ZIP file which you have uploaded at themes/ directory.

    Now click on Save button.

6. Now click on Use this theme button for activate new theme.

Etrend PrestaShop 1.7 Theme Install

7. Your theme is now installed and ready for work.

Please Note:

Once you installed Etrend theme, all the static blocks and pages shown in live demo will be installed automatically to your PrestaShop 1.7 setup.

In order to add the demo images used inside the theme, upload all static images (theme-images > img > cms) on your server in /[your prestashop root directory]/img/cms/ directory using FTP or Cpanel.


Add Your Logo

Login to your PrestaShop backend panel and navigate to Design > Theme & Logo.

Etrend PrestaShop 1.7 Theme Install
Setup Image Dimensions

Inside PrestaShop backend panel navigate to Design > Image Settings.

Etrend PrestaShop 1.7 Theme Install
Image quality

At Design > Image Settings this location, Set image quality as per your requirement.

Etrend PrestaShop 1.7 Theme Install
Regenerate thumbnails

In order to see the changes after you update the image sizes, image quality. You must have to re-generate the images is using in your site.

Select option then click button Regenerate thumbnails

Etrend PrestaShop 1.7 Theme Install
Position of Modules

Inside PrestaShop backend panel navigate to Design > Positions.

Check below image to see the example position of modules.

Etrend PrestaShop 1.7 Theme Install
Now the general options for Etrend are configured.

In this section, you will learn how to configure theme easily.

Header Contact Block

Let see how to manage Header Contact Block in Etrend Theme.

How to configure Header Contact Block ?

Etrend PrestaShop 1.7 Theme Install

Step 1: Inside PrestaShop Back-office navigate to Modules > Module manager.

Step 2: Search HiddenTechies, here you will see HiddenTechies Static Blocks module.

Step 3: Click on Configure. Now you can see the demo blocks installed by theme to specific hook.

Step 4: Click on Edit Button of Header Contact Block.


Etrend PrestaShop 1.7 Theme Install

Now you can see default configuration panel of Header Contact Block.

Etrend PrestaShop 1.7 Theme Install

Title: Set title of the contact block.

Hook: Where contact block should be display.

HTML: Html for contact block.


Etrend PrestaShop 1.7 Theme Install

This is a HTML Code for Contact block.

<div class="header-contact-block">
	<div class="item">
   <span class="icon-block"> 
   <em class="fa fa-phone"></em> 
   </span> 
   <span class="text-block"> 
   Call Us Now <a href="tel:+123456789">(123) 4567-890</a> 
   </span>
   </div>
</div>

Status: Enable/Disable Contact block.

Step 5: After adding all the information, Click on  Save  button at bottom right.

Step 6: Clear/Flush the cache.

Now Header Contact Block is configured. You can check it on your Frontend Store view.


Services Block Configuration

Let see how to manage Service Block in Etrend Theme.

How to configure Services Block ?

Etrend PrestaShop 1.7 Theme Install

Step 1: Inside PrestaShop Back-office navigate to Modules > Module manager.

Step 2: Search HiddenTechies, here you will see HiddenTechies Static Blocks module.

Step 3: Click on Configure. Now you can see the demo blocks installed by theme to specific hook.

Step 4: Click on Edit Button of Home Services Block.


Etrend PrestaShop 1.7 Theme Install

Now you can see default configuration panel of Home Services Block.

Etrend PrestaShop 1.7 Theme Install

Title: Set title of the service block.

Hook: Where services block should be display.

HTML: Html for services block.


Etrend PrestaShop 1.7 Theme Install

This is a HTML Code for Service block.

<div class="home-servives-block top-padding bottom-padding">
	<div class="container">
   <div class="row">
   <div class="services-main">
   <div class="services-inner">
   <div class="services-inner-main">
   <div class="services-icon"><img src="../img/cms/online-support.png" alt="24/7 Online Support" /></div>
   <div class="services-content"><strong> 24/7 Online Support </strong>
   <p>Trained staffs are ready to help 24/7</p>
   </div>
   </div>
   </div>
   <div class="services-inner">
   <div class="services-inner-main">
   <div class="services-icon"><img src="../img/cms/money-back.png" alt="Money Back Guarantee" /></div>
   <div class="services-content"><strong> Money Back Guarantee </strong>
   <p>100% money back guarantee</p>
   </div>
   </div>
   </div>
   <div class="services-inner">
   <div class="services-inner-main">
   <div class="services-icon"><img src="../img/cms/free-shipping.png" alt="Free Shipping & Return" /></div>
   <div class="services-content"><strong> Free Shipping & Return </strong>
   <p>Free shipping on all orders over $100</p>
   </div>
   </div>
   </div>
   </div>
   </div>
   </div>
</div>

Status: Enable/Disable services block.

Step 5: After adding all the information, Click on  Save  button at bottom right.

Step 6: Clear/Flush the cache.

Now Home Services Block is configured. You can check it on your Frontend Store view.


Promotion Block Configuration

Let see how to manage Promotion Block in Etrend Theme.

How to configure Promotion Block ?

Etrend PrestaShop 1.7 Theme Install

Step 1: Inside PrestaShop Back-office navigate to Modules > Module manager.

Step 2: Search HiddenTechies, here you will see HiddenTechies Static Blocks module.

Step 3: Click on Configure. Now you can see the demo blocks installed by theme to specific hook.

Step 4: Click on Edit Button of Home Promotion Block.


Etrend PrestaShop 1.7 Theme Install

Now you can see default configuration panel of Home Promotion Block.

Etrend PrestaShop 1.7 Theme Install

Title: Set title of the promotion block.

Hook: Where promotion block should be display.

HTML: Html for promotion block.


Etrend PrestaShop 1.7 Theme Install

This is a HTML Code for Promotion block

<div class="home-images-block-one top-margin bottom-margin">
	<div class="container">
   <div class="row">
   <div class="item">
   <div class="item-inner"><img class="img-responsive center-block" src="../img/cms/ad-block-1.jpg" alt="ad-block" />
   <div class="text-content">
   <p>Only <span>Three</span><br /> <strong>DAYS LEFT</strong><br /> on Fashion<br /> Weeks sale!</p>
   <a class="action primary btn btn-primary" href="#"> Shop Today </a>
   </div>
   </div>
   </div>
   <div class="item">
   <div class="item-inner"><img class="img-responsive center-block" src="../img/cms/ad-block-2.jpg" alt="ad-block" />
   <div class="text-content">
   <p>Get <span>Winter</span><br /> <strong>LOOKBOOK</strong><br /> with online<br /> purchase</p>
   <a class="action primary btn btn-primary" href="#"> Get Your Copy </a>
   </div>
   </div>
   </div>
   </div>
   </div>
</div>

Status: Enable/Disable promotion block.

Step 5: After adding all the information, Click on  Save  button at bottom right.

Step 6: Clear/Flush the cache.

Now Home promotion Block is configured. You can check it on your Frontend Store view.


Parallax Block Configuration

Let see how to manage Parallax Block in Etrend Theme.

How to configure Parallax Block ?

Etrend PrestaShop 1.7 Theme Install

Step 1: Inside PrestaShop Back-office navigate to Modules > Module manager.

Step 2: Search HiddenTechies, here you will see HiddenTechies Static Blocks module.

Step 3: Click on Configure. Now you can see the demo blocks installed by theme to specific hook.

Step 4: Click on Edit Button of Home Parallax Block.


Etrend PrestaShop 1.7 Theme Install

Now you can see default configuration panel of Home Parallax Block.

Etrend PrestaShop 1.7 Theme Install

Title: Set title of the Parallax block.

Hook: Where Parallax block should be display.

HTML: Html for Parallax block.


Etrend PrestaShop 1.7 Theme Install

This is a HTML Code for Parallax block.

<div class="home-images-block-two top-margin bottom-margin">
	<div class="container">
   <div class="content-main">
   <h3>Summer Lookbook is out now!</h3>
   <a class="link-btn" href="#"> <span>Get your copy</span> </a>
   </div>
   </div>
</div>

Status: Enable/Disable Parallax block.

Step 5: After adding all the information, Click on  Save  button at bottom right.

Step 6: Clear/Flush the cache.

Now Home Parallax Block is configured. You can check it on your Frontend Store view.


Let see how to manage Footer Contact Block in Etrend Theme.

How to configure Footer Contact Block ?

Etrend PrestaShop 1.7 Theme Install

Step 1: Inside PrestaShop Back-office navigate to Modules > Module manager.

Step 2: Search HiddenTechies, here you will see HiddenTechies Static Blocks module.

Step 3: Click on Configure. Now you can see the demo blocks installed by theme to specific hook.

Step 4: Click on Edit Button of Footer Contact Block.


Etrend PrestaShop 1.7 Theme Install

Now you can see default configuration panel of Footer Contact Block.

Etrend PrestaShop 1.7 Theme Install

Title: Set title of the Footer contact block.

Hook: Where Footer contact block should be display.

HTML: Html for Footer contact block.


Etrend PrestaShop 1.7 Theme Install

This is a HTML Code for Footer Contact block.

<div id="contactinfo-section" class="contactinfo-section">
	<div class="footer-links-column">
   <div class="footer-colum-title footer-block-title">
   <h3>Get in Touch</h3>
   </div>
   <div class="footer-column-content footer-block-toggle-content">
   <div class="content">
   <div class="add-item">
   <div class="icon"></div>
   <div class="text"><strong>Address</strong>
   <p>123 Street, City, London</p>
   </div>
   </div>
   <div class="add-item">
   <div class="icon"></div>
   <div class="text"><strong>Phone</strong>
   <p>(123) 456 7890</p>
   </div>
   </div>
   <div class="add-item">
   <div class="icon"></div>
   <div class="text"><strong>Mail Us</strong>
   <p>[email protected]</p>
   </div>
   </div>
   </div>
   </div>
   </div>
</div>

Status: Enable/Disable Footer Contact block.

Step 5: After adding all the information, Click on  Save  button at bottom right.

Step 6: Clear/Flush the cache.

Now Footer Contact Block is configured. You can check it on your Frontend Store view.


Let see how to manage Footer Logo & Social Block in Etrend Theme.

How to configure Footer Logo & Social Block ?

Etrend PrestaShop 1.7 Theme Install

Step 1: Inside PrestaShop Back-office navigate to Modules > Module manager.

Step 2: Search HiddenTechies, here you will see HiddenTechies Static Blocks module.

Step 3: Click on Configure. Now you can see the demo blocks installed by theme to specific hook.

Step 4: Click on Edit Button of Footer Logo & Social Block.


Etrend PrestaShop 1.7 Theme Install

Now you can see default configuration panel of Footer Logo & Social Block.

Etrend PrestaShop 1.7 Theme Install

Title: Set title of the Footer Logo & Social Block.

Hook: Where Footer Logo & Social Block should be display.

HTML: Html for Footer Logo & Social Block.


Etrend PrestaShop 1.7 Theme Install

This is a HTML Code for Footer Logo & Social Block.

<div class="footer-text-content">
	<div class="logo-socials">
   <img src="../img/cms/Etrend-logo.png" title="Etrend" alt="Etrend">
   <p>
   Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, 
   eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
   </p>
   <div class="social-block">
   <ul class="socials">
   <li>
   <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
   </li>
   <li>
   <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
   </li>
   <li>
   <a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>
   </li>
   <li>
   <a href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a>
   </li>
   <li>
   <a href="#"><i class="fa fa-vimeo" aria-hidden="true"></i></a>
   </li>
   <li>
   <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
   </li>
   </ul>
   </div>
   </div>          
</div>

Status: Enable/Disable Footer Logo & Social Block.

Step 5: After adding all the information, Click on  Save  button at bottom right.

Step 6: Clear/Flush the cache.

Now Footer Logo & Social Block is configured. You can check it on your Frontend Store view.


Let see how to manage Footer Payment Block in Etrend Theme.

How to configure Footer Payment Block ?

Etrend PrestaShop 1.7 Theme Install

Step 1: Inside PrestaShop Back-office navigate to Modules > Module manager.

Step 2: Search HiddenTechies, here you will see HiddenTechies Static Blocks module.

Step 3: Click on Configure. Now you can see the demo blocks installed by theme to specific hook.

Step 4: Click on Edit Button of Footer Payment Block.


Etrend PrestaShop 1.7 Theme Install

Now you can see default configuration panel of Footer Payment Block.

Etrend PrestaShop 1.7 Theme Install

Title: Set title of the Footer Payment Block.

Hook: Where Footer Payment should be display.

HTML: Html for Footer Payment Block.


Etrend PrestaShop 1.7 Theme Install

This is a HTML Code for Footer Payment Block.

<ul class="footer-payment-icon">
	<li><a href="#"><i class="fa fa-cc-visa" aria-hidden="true"></i></a></li>
	<li><a href="#"><i class="fa fa-cc-paypal" aria-hidden="true"></i></a></li>
	<li><a href="#"><i class="fa fa-cc-discover" aria-hidden="true"></i></a></li>
	<li><a href="#"><i class="fa fa-cc-amex" aria-hidden="true"></i></a></li>
	<li><a href="#"><i class="fa fa-cc-mastercard" aria-hidden="true"></i></a></li>
</ul>

Status: Enable/Disable Footer Payment Block.

Step 5: After adding all the information, Click on  Save  button at bottom right.

Step 6: Clear/Flush the cache.

Now Footer Payment Block is configured. You can check it on your Frontend Store view.


Theme Color Configuration

Let see how to change Theme Color in Etrend Theme.

How to configure Theme Color ?

Step 1: Inside PrestaShop Back-office navigate to Modules > Module manager.

Step 2: Search HiddenTechies, here you will see Theme Configuration Panel module.

Step 3: Click on Configure. Now you can see the configuration panel.


Etrend PrestaShop 1.7 Theme Install

Primary Color: The Primary color of the theme is Lite Blue (#227ed1) You can change it according to your design need. Set the Primary color of the theme from here.

Secondary Color: The Secondary color of the theme is Dark Blue (#759fc5) You can change it according to your design need. Set the Secondary color of the theme from here.


Step 4: After adding color, Click on  Save  button at bottom right.

Step 6: Clear/Flush the cache.

Now Theme Color Configuration is configured. You can check it on your Frontend Store view.


Theme Layout Configuration

Let see how to change Theme Layout in Etrend Theme.

How to configure Theme Layout ?

Step 1: Inside PrestaShop Back-office navigate to Modules > Module manager.

Step 2: Search HiddenTechies, here you will see Theme Configuration Panel module.

Step 3: Click on Configure. Now you can see the configuration panel.


Etrend PrestaShop 1.7 Theme Install

Theme Layout: Set the Theme Layout according to your design need.

Box Background Type: Set the Box Background Type from here.

Box background Color: Set the Box background Color from here.

Box Background Image: Set the Box Background Image from here.


Step 4: After adding Theme Layout, Click on  Save  button at bottom right.

Step 6: Clear/Flush the cache.

Now Theme Layout Configuration is configured. You can check it on your Frontend Store view.


Product Reference Number

Let see how to add Product Reference Number.

How to add product reference number to appear on the product page?

Step 1: Inside PrestaShop Root Directory, go to > ..\themes\{theme_name}\templates\catalog\product.tpl file.

( Example: {theme_name} = Consider your Purchase theme. Let's say Etrend)

Step 2: Find -> "{block name='page_header_container'}", Block in that File (product.tpl) .

Step 3: Add Following Snippet After "{block name='page_header_container'}" This Block of the Product.


This is a HTML Code for Product Reference Number.

<p id="product_reference"{if empty($product->reference) || !$product->reference} style="display: none;"{/if}>
<label>{l s='Reference:'} </label>
<span class="editable" itemprop="sku"{if !empty($product->reference) && $product->reference} content="{$product->reference}"{/if}>{$product->reference|escape:'html':'UTF-8'}</span>
</p>
Etrend PrestaShop 1.7 Theme Install

Step 4: After adding Snippet,  Save  the File.

Step 6: Clear/Flush the cache.

Etrend PrestaShop 1.7 Theme Install

Now Product Reference Number is configured. You can check it on your Frontend Store view.


Theme Translations

Let see how to add Theme Translations.

How to add Theme Translations to translate strings?

Step 1: First login to your store back office.

( Example: {theme_name} = Consider your Purchase theme. Let's say Etrend)

Step 2: On left side navigation panel select 'International -> Translation', You will see 'Modify translations' section.


Etrend PrestaShop 1.7 Theme Install

Step 3: Then, select 'Type of translation' from dropdown > 'Theme translation' .

Step 4: Then, select 'Select your theme' from dropdown > '(Your_Theme)' .

Step 5: Then choose your targeted language 'Select your language' from dropdown > '(Your Language)' .

Step 6: Click on Modify Button.


Etrend PrestaShop 1.7 Theme Install

Step 7: Search for your desire text to translate. You can then modify existing translations.


Etrend PrestaShop 1.7 Theme Install

Step 8: Now click on,  Save  button.

Step 6: Clear/Flush the cache.


Now Theme Translations is added. You can check it on your Frontend Store view.


Module Translations

Let see how to add Module Translations.

How to add Module Translations to translate strings?

Step 1: First login to your store back office.

Step 2: On left side navigation panel select 'International -> Translation', You will see 'Modify translations' section.


Etrend PrestaShop 1.7 Theme Install

Step 3: Then, select 'Type of translation' from dropdown > 'Installed modules translation' .

Step 4: Then, select 'Select your module' from dropdown > '(Module)' .

Step 5: Then choose your targeted language 'Select your language' from dropdown > '(Your Language)' .

Step 6: Click on Modify Button.


Etrend PrestaShop 1.7 Theme Install

Step 7: Here we are, the translation page of module is loaded to start translating.


Etrend PrestaShop 1.7 Theme Install

Please Note:

Notice one thing that's important to know, here we find many sections of the same module because Prestashop tries to load each files' translation in separate section.

Step 8: Now click on,  Save  button.

Step 9: Clear/Flush the cache.


Now Module Translations is added. You can check it on your Frontend Store view.


Let see how to change Category Sidebar Image.

How to change Category Sidebar Image?

Step 1: First login to your store back office.

Step 2: On left side navigation panel select 'Modules -> Module Manager'section.


Etrend PrestaShop 1.7 Theme Install

Step 3: Then, Search for the module name > 'Advertising block' .

Step 4: Here you will find module 'Advertising block', click on 'Configure' button.


Etrend PrestaShop 1.7 Theme Install

Step 5: It will open 'Advertising block' configure section, from here you can change category page sidebar advertising image as per your requirement.


Etrend PrestaShop 1.7 Theme Install

Step 6: Now click on,  Save  button.

Step 7: Clear/Flush the cache.


Now Advertising block is configured. You can check it on your Frontend Store view.


Google Analytics Code

Let see how to add Google Analytics Code.

How to add Google Analytics Code in your store?

Step 1: Go to in your root directory > ..\themes\[your_theme]\templates\_partials\head.tpl file.

Step 2: Open this head.tpl file and add your Google Analytics Code (Refer below Screenshot).


Etrend PrestaShop 1.7 Theme Install

Step 3: Then, Save the changes.

Step 4: Clear/Flush the cache.


Now Google Analytics is configured. You can check it on your Frontend Store view.


Update Theme

Let see how to Update Theme.

How to update your theme?

Step 1: Create a backup copy of your existing theme.

Important Note:

It is compulsory to take Backup of your existing theme.

Step 2: Visit the HiddenTechies and log in your account.

Step 3: Go to your account then click on my downloadable product tab.

Step 4: Here, you can see the Latest Version of your theme, please download it.

Step 5: Now, Log in your PrestaShop back-office and upload the latest version of the theme.

Step 6: Clear/Flush the cache.


Now your Theme is updated. You can check it on your Frontend Store view.


Clear Cache

Let see how to Clear Cache.

How to Clear Cache?

Step 1: First login to your store back office.

Step 2: On left side navigation panel select 'Advanced Parameters -> Performance'section.


Etrend PrestaShop 1.7 Theme Install

Step 3: In the upper right corner please find the 'Clear cache' button and click on it to clear cache.


Etrend PrestaShop 1.7 Theme Install

Step 4: Done! Check out Front-end now.


Now Cache is cleared. You can check it on your Frontend Store view.


In this section, you will learn how to configure theme module easily.

Configure HiddenTechies Static Blocks

How to add new block in HiddenTechies Static Blocks Module ?

Firstly, Go to: Back-Office > Modules > Module manager/Installed Modules > Search for the 'HiddenTechies Static Blocks'

HiddenTechies Static Blocks will be shown. Now click on Configure button.

Etrend PrestaShop 1.7 Theme Install

Now configuration page will be open. Click on + button to add new block.

Etrend PrestaShop 1.7 Theme Install

Now add your block Title here and select the language. If you have enabled multiple languages then you must have to add title in all language also.

Etrend PrestaShop 1.7 Theme Install

Now set the hook in which you want to display this block on front-office.

To add the content in this block click on '<>' (Source code) button and place your HTML code in opened source code modal. Then click on Ok button.

Etrend PrestaShop 1.7 Theme Install Etrend PrestaShop 1.7 Theme Install

If you want to insert the images then click on Insert/edit image button.

Etrend PrestaShop 1.7 Theme Install

Now click on Source icon.

Etrend PrestaShop 1.7 Theme Install

Now click on Upload button at the top.

Etrend PrestaShop 1.7 Theme Install

Now drop your image files here. and click on Return to files list.

Etrend PrestaShop 1.7 Theme Install

Now click on your uploaded image.

Etrend PrestaShop 1.7 Theme Install

URL path will be shown in source field. Now click on Ok button.

Etrend PrestaShop 1.7 Theme Install

Your image will be shown in HTML field. Now select the status of block to Yes to enable it and the click on Save button.

Etrend PrestaShop 1.7 Theme Install

To change or edit uploaded image, upload the new image and replace the URL path of image as shown in below screenshot.

Etrend PrestaShop 1.7 Theme Install

In order to set the position of block Click on Manage hooks button.

Etrend PrestaShop 1.7 Theme Install

Click on Transplant a module.

Etrend PrestaShop 1.7 Theme Install

Now select the module and hook which is you have selected earlier and then click on Save button at the bottom of page.

Etrend PrestaShop 1.7 Theme Install

In order to see this block on front-office, you must have to clear the cache. To clear the cache Go to : Back-Office > Advanced Parameters > Preference.

Click on Clear cache button.

Etrend PrestaShop 1.7 Theme Install

That's all. Now, You will be see your changes on front-office.


Let see how to manage Banner Slider in Etrend Theme.

How to configure Banner Slider ?

Etrend PrestaShop 1.7 Theme Install

Step 1: Inside PrestaShop Back-office navigate to Modules > Module manager.

Step 2: Search Slider, here you will see Image Slider module.

Step 3: Click on Configure. Now you can see the slider images.

Step 4: Click on Edit Button of Image Slider to edit.


Etrend PrestaShop 1.7 Theme Install

Now you can see default configuration panel of Banner Slider.

Etrend PrestaShop 1.7 Theme Install

Image: Set image of the Banner Slider.

Title: Set title of the Banner Slider.

Target URL: Slider URL to redirect.

Caption: Set caption for slider.

Description: Html for Banner Slider.


Etrend PrestaShop 1.7 Theme Install

This is a HTML Code for Banner Slider.

<h2>Up to <span>40%</span><br /><strong>DISCOUNT</strong><br /> on Fashion<br /> Brands</h2>
<p><a href="#" class="action primary">Shop Now</a></p>

Status: Enable/Disable Banner Slider.

Step 5: After adding all the information, Click on  Save  button at bottom right.

Step 6: Clear/Flush the cache.

Now Banner Slider is configured. You can check it on your Frontend Store view.


Configure Promotion Bar

Let see how to manage Promotion Bar in Etrend Theme.

How to configure Promotion Bar ?

Etrend PrestaShop 1.7 Theme Install

Please Note:

You Can Install This Module From additional_modules.zip File. To Download This Zip File Go To Your HiddenTechies Account > My Downloadable Products.

Inside PrestaShop backend panel navigate to Modules > Modules and Services and than select Installed modules.

Search HiddenTechies, here you will see Promotion Bar module.

Click on Configure.

Follow this link to confiugre module: Promotion Bar

Now Promotion Bar is configured. You can check it on your Frontend Store view.


Configure Sticky Add to Cart

Let see how to manage Sticky Add to Cart in Etrend Theme.

How to configure Sticky Add to Cart ?

Etrend PrestaShop 1.7 Theme Install

Please Note:

You Can Install This Module From additional_modules.zip File. To Download This Zip File Go To Your HiddenTechies Account > My Downloadable Products.

Inside PrestaShop backend panel navigate to Modules > Modules and Services and than select Installed modules.

Search HiddenTechies, here you will see Sticky Add to Cart module.

Click on Configure.

Follow this link to confiugre module: Sticky Add to Cart

Now Sticky Add to Cart is configured. You can check it on your Frontend Store view.


Let see how to manage Sticky Header in Etrend Theme.

How to configure Sticky Header ?

Etrend PrestaShop 1.7 Theme Install

Inside PrestaShop backend panel navigate to Modules > Modules and Services and than select Installed modules.

Search HiddenTechies, here you will see HiddenTechies Sticky Header module.

Click on Configure.


Etrend PrestaShop 1.7 Theme Install

This is how you can configure the Sticky Header using this module.

Now Sticky Header is configured. You can check it on your Frontend Store view.


Configure Category Slider

Let see how to manage Category Slider in Etrend Theme.

How to configure Category Slider ?

Etrend PrestaShop 1.7 Theme Install

Please Note:

You Can Install This Module From additional_modules.zip File. To Download This Zip File Go To Your HiddenTechies Account > My Downloadable Products.

Inside PrestaShop backend panel navigate to Modules > Modules and Services and than select Installed modules.

Search HiddenTechies, here you will see Category Slider module.

Click on Configure.

Follow this link to confiugre module: Category Slider

Now Category Slider is configured. You can check it on your Frontend Store view.


Configure Sales Countdown Timer

Let see how to manage Sales Countdown Timer in Etrend Theme.

How to configure Sales Countdown Timer ?

Etrend PrestaShop 1.7 Theme Install

Please Note:

You Can Install This Module From additional_modules.zip File. To Download This Zip File Go To Your HiddenTechies Account > My Downloadable Products.

Inside PrestaShop backend panel navigate to Modules > Modules and Services and than select Installed modules.

Search HiddenTechies, here you will see Sales Countdown Timer module.

Click on Configure.

Follow this link to confiugre module: Sales Countdown Timer

Now Sales Countdown Timer is configured. You can check it on your Frontend Store view.


Configure Product Remaining Stock

Let see how to manage Product Remaining Stock in Etrend Theme.

How to configure Product Remaining Stock ?

Etrend PrestaShop 1.7 Theme Install

Please Note:

You Can Install This Module From additional_modules.zip File. To Download This Zip File Go To Your HiddenTechies Account > My Downloadable Products.

Inside PrestaShop backend panel navigate to Modules > Modules and Services and than select Installed modules.

Search HiddenTechies, here you will see Product Remaining Stock module.

Click on Configure.

Etrend PrestaShop 1.7 Theme Install

Now Product Remaining Stock is configured. You can check it on your Frontend Store view.


Configure Estimated Delivery Dates

Let see how to manage Estimated Delivery Dates in Etrend Theme.

How to configure Estimated Delivery Dates ?

Etrend PrestaShop 1.7 Theme Install

Please Note:

You Can Install This Module From additional_modules.zip File. To Download This Zip File Go To Your HiddenTechies Account > My Downloadable Products.

Inside PrestaShop backend panel navigate to Modules > Modules and Services and than select Installed modules.

Search HiddenTechies, here you will see Estimated Delivery Dates module.

Click on Configure.

Etrend PrestaShop 1.7 Theme Install

Now Estimated Delivery Dates is configured. You can check it on your Frontend Store view.


Configure Special Offer Block

Let see how to manage Special Offer Block in Etrend Theme.

How to configure Special Offer Block ?

Etrend PrestaShop 1.7 Theme Install

Go to PrestaShop Back-office > Modules > Modules and Services and Search HiddenTechies, here you will see Theme Configuration Panel module.

Click on Configure.

Etrend PrestaShop 1.7 Theme Install

Now Special Offer Block is configured. You can check it on your Frontend Store view.


Configure Newsletter Popup

Let see how to manage Newsletter Popup in Etrend Theme.

How to configure Newsletter Popup ?

Etrend PrestaShop 1.7 Theme Install

Please Note:

You Can Install This Module From additional_modules.zip File. To Download This Zip File Go To Your HiddenTechies Account > My Downloadable Products.

Inside PrestaShop backend panel navigate to Modules > Modules and Services and than select Installed modules.

Search HiddenTechies, here you will see HiddenTechies Newsletter Popup module.

Click on Configure.


Etrend PrestaShop 1.7 Theme Install

This is how you can configure the Newsletter Popup using this module.

Now Newsletter Popup is configured. You can check it on your Frontend Store view.


Configure Facebook Chat

Let see how to manage Facebook Chat in Etrend Theme.

How to configure Facebook Chat ?

Please Note:

You Can Install This Module From additional_modules.zip File. To Download This Zip File Go To Your HiddenTechies Account > My Downloadable Products.

Inside PrestaShop backend panel navigate to Modules > Modules and Services and than select Installed modules.

Search HiddenTechies, here you will see Facebook Chat module.

Click on Configure.

Follow this link to confiugre module: Facebook Chat

Now Facebook Chat is configured. You can check it on your Frontend Store view.


Configure WhatsApp Chat

Let see how to manage WhatsApp Chat in Etrend Theme.

How to configure WhatsApp Chat ?
Etrend PrestaShop 1.7 Theme Install

Please Note:

You Can Install This Module From additional_modules.zip File. To Download This Zip File Go To Your HiddenTechies Account > My Downloadable Products.

Inside PrestaShop backend panel navigate to Modules > Modules and Services and than select Installed modules.

Search HiddenTechies, here you will see WhatsApp Chat module.

Click on Configure.

Etrend PrestaShop 1.7 Theme Install

Now WhatsApp Chat is configured. You can check it on your Frontend Store view.


Configure AddThis Social Sharing Tool

Let see how to manage AddThis Social Sharing Tool in Etrend Theme.

How to configure AddThis Social Sharing Tool ?

Etrend PrestaShop 1.7 Theme Install

Inside PrestaShop backend panel navigate to Modules > Modules and Services and than select Installed modules.

Search HiddenTechies, here you will see AddThis Social Sharing Tool module.

Click on Configure.

Follow this link to confiugre module: AddThis Social Sharing Tool

Now AddThis Social Sharing Tool is configured. You can check it on your Frontend Store view.


Configure Google Analytics

Let see how to manage Google Analytics in Etrend Theme.

How to configure Google Analytics ?

Inside PrestaShop backend panel navigate to Modules > Modules and Services and than select Installed modules.

Search HiddenTechies, here you will see Google Analytics module.

Click on Configure.

Follow this link to confiugre module: Google Analytics

Now Google Analytics is configured. You can check it on your Frontend Store view.


Let see how to manage Cookie Law in Etrend Theme.

How to configure Cookie Law ?
Etrend PrestaShop 1.7 Theme Install

Please Note:

You Can Install This Module From additional_modules.zip File. To Download This Zip File Go To Your HiddenTechies Account > My Downloadable Products.

Inside PrestaShop backend panel navigate to Modules > Modules and Services and than select Installed modules.

Search HiddenTechies, here you will see Cookie Law module.

Click on Configure.

Etrend PrestaShop 1.7 Theme Install

Now Cookie Law is configured. You can check it on your Frontend Store view.


Configure Brand Image Slider

Let see how to manage Brand Image Slider in Etrend Theme.

How to configure Brand Image Slider ?

Etrend PrestaShop 1.7 Theme Install

Inside PrestaShop backend panel navigate to Modules > Modules and Services and than select Installed modules.

Search HiddenTechies, here you will see HiddenTechies Brand Image Slider module.

Click on Configure.


Etrend PrestaShop 1.7 Theme Install

This is how you can configure the Brand Image Slider using this module.

Now Brand Image Slider is configured. You can check it on your Frontend Store view.


Configure Scroll to Top

Let see how to manage Scroll to Top in Etrend Theme.

How to configure Scroll to Top ?

Etrend PrestaShop 1.7 Theme Install

Inside PrestaShop backend panel navigate to Modules > Modules and Services and than select Installed modules.

Search HiddenTechies, here you will see Scroll to Top module.

Click on Configure.

Follow this link to confiugre module: Scroll to Top

Now Scroll to Top is configured. You can check it on your Frontend Store view.


Configure HiddenTechies Theme Pre Loader

Let see how to manage HiddenTechies Theme Pre Loader in Etrend Theme.

How to configure HiddenTechies Theme Pre Loader ?

Inside PrestaShop backend panel navigate to Modules > Modules and Services and than select Installed modules.

Search HiddenTechies, here you will see HiddenTechies Theme Pre Loader module.


Click on Configure.


Etrend PrestaShop 1.7 Theme Install

This is how you can configure the theme pre loader using this module.

Now HiddenTechies Theme Pre Loader is configured. You can check it on your Frontend Store view.


Configure Xpert PrestaShop Blog Module by xpert-idea.com

Let see how to manage Xpert PrestaShop Blog in Etrend Theme.

How to configure Xpert PrestaShop Blog ?

First You have to Download Xpert PrestaShop Blog Module from xipblog and Upload the module

Go to Modules > Modules and Services > Upload a module in your PrestaShop Back-Office


And click on Configure.


Etrend PrestaShop 1.7 Theme Install

This is how you can configure the xpert prestashop blog using this module.

Please Note:

As this is third-party module, we are not providing any support for xipblog module.

Please, if you have any questions, run into any issues or just need some help, do not hesitate to contact us via our Support Center.
We believe in providing the best support possible, and we monitor our Support center just about 24/7.

Your feedback is absolutely welcome!