Home / Tutorials / PrestaShop 1.7 Tutorials / How to use Image Hotspot Widget Prestashop

How to use Image Hotspot Widget Prestashop

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)

Hotspot Image Widget presents a single image with hotspots on it. The hotspots can be an icon, text, or image. This is also helpful in highlighting the special parts of the image, leading your clients to get to know more about what is on your website, turning  a normal picture into a very vividly visual one. These hotspots can not only make your site look advanced, professional but also improve the interaction between your visitors and your website, keep them stay longer on your website.

use image hotspot widget prestashop
use image hotspot widget Prestashop
use image hotspot widget
use image hotspot widget

Below are some examples of using Hotspot Image Widget:

This blog will provide you an easy-to-follow guide to use Image Hotspot Widget on Prestashop website.

Firstly, in the Page Builder profile, choose Image Hotspot widget:

Then you choose Image Hotspot widget- Click to edit widget:

Click to edit widget Image hotspot


– Add background image:

Add background image


– Click Add hotspot to create a new hotspot point:




– Add value for all these fields and click save:




Related Posts:

Amazing PrestaShop Project: Disable attribute out of stock with currently attribute in product prestashop 1.7
Ap Page Builder: Manage Ap Product List Builder PrestaShop 1.7- Leotheme
Ap Page Builder: Install PrestaShop Page Builder – Leotheme Tutorial
How to Config PrestaShop Email Template – Leotheme
PrestaShop 1.7.x: Quickest Way to Install PrestaShop Email Template – Leotheme
PrestaShop 1.7.x: Create Profile Builder PrestaShop 1.7 By Ap Page Builder
PrestaShop 1.7.x: Edit Header Link PrestaShop 1.7 By Ap Page Builder
PrestaShop 1.7: Add Payment Method PrestaShop 1.7 – Leotheme Blog
How to Add Widget Instagram – Ap Pagebuilder Prestashop Module
How to Create Alert Mesage in Menu PrestaShop 1.7 – Leotheme
PrestaShop 1.7.5: Create Menu Widget PrestaShop 1.7 – Leotheme

About Luu Ly

Check Also

manage question prestashop marketplace

Ap Marketplace: Easily Manage Questions PrestaShop Marketplace – Leotheme

As soon as customer raise their question about product on the marketplace, admin can reply …

Leave a Reply

Your email address will not be published. Required fields are marked *