Home / Tutorials / PrestaShop 1.7 Tutorials / How to use Image Hotspot Widget Prestashop
how-to-use-image-hotspot-widget-prestashop
how-to-use-image-hotspot-widget-prestashop

How to use Image Hotspot Widget Prestashop

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:

 

2019-08-27_0942

 

– Add value for all these fields and click save:

 

2019-08-27_0943

 

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

how-to-update-prestashop-theme-version-1.7.6.0

PrestaShop 1.7.6: How to Update PrestaShop Theme version 1.7.6.0 | Leotheme

Dear fellow friends, As you know, Prestashop has just officially released the latest version 1.7.6.0 …

One comment

  1. Rutger van den Brule

    It’s clear how it works. But I’m missing a explanation of all different fields. Can you provide me with more detaild information and is it possible to set a link or a button in the hotspot so you can use it as a shoppingt tool.

Leave a Reply

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