A hotspot banner provides a visual display of products clustered on a page for a particular purpose. It could be a school year book pack. Or the compulsory set of uniform items a new starter has to purchase. Or spare parts for a specific machine. Or even an attractive way to display newly arrived items your site is selling.
Each product in the banner has a clickable hotspot - usually a small circle. When that area is clicked, the viewer is taken to the product on the same page, where it can be added to cart.
Example:
Here, a hotspot is marked by 
. A viewer clicks on it to jump to the product (listed below the banner).
On this page:
Step-by-step guide
Before you begin...
Ensure these have been created:
To create a hotspot banner:
- Go to Products & Categories → Category Maintenance.
- Find the cluster category for this hotspot banner and click Edit. NOTE - If the category has not been flagged as a cluster, you can do that next.
- If this category has not been flagged as a cluster, in Enable Cluster, select Yes.
- Scroll down to the Category Hotspot Banner panel.
- Click the Select or Upload Image button.
- Select the banner image. After insertion, the banner pathway, dimensions and file size are displayed.
- To add hotspots, click the Hotspots
button.
- Position the cross where you want a hotspot and click. The hotspot area is displayed as a revolving circle.
hotspot.mp4
- Use the lookup tool to select the product for the hotspot.
- For other hotspots needed, repeat steps 6-7.
- When you have finished adding hotspots, click Confirm.
The number of added hotspots is shown.- To save the hotspots, click Save or Save & Exit.
- Refresh the cache.
- If this cluster category appears in the navigational menu, it will be displayed there. Ensure the Hotspot Image Widget is in the Product List template.
Additional Information
Minimum Version Requirements 4.31
Prerequisites --
Self Configurable Yes
Business Function Products & Categories
BPD Only? Yes
B2B/B2C/Both Both
Third Party Costs n/a
Related help
