Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Info

This feature needs to be implemented by Commerce Vision.

    



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).


Panel

On this page:

Table of Contents



Step-by-step guide


Info
titleBefore you begin...

Ensure these have been created:

  • A cluster category with the products added. Hotspot banners can only be added to cluster categories.  
  • A suitable banner image. (Ideal size range: 250-500px) 


To create a hotspot banner:   

  1. Go to Products & Categories → Category Maintenance.

  2. 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.
     
  3. If this category has not been flagged as a cluster, in Enable Cluster, select Yes.


  4. Scroll down to the Category Hotspot Banner panel.
  5. Click the Select or Upload Image button.

  6. Select the banner image. After insertion, the banner pathway, dimensions and file size are displayed.


  7. To add hotspots, click the Hotspots button.



  8. Position the cross where you want a hotspot and click. The hotspot area is displayed as a revolving circle.


  9. Use the lookup tool to select the product for the hotspot. 


  10. To add another hotspot, repeat steps 6-7.

  11. When you have finished adding hotspots, click Confirm.

    The number of added hotspots is shown.
  12. To save the hotspot work you have just done, click Save or Save & Exit.

  13. Refresh the cache

  14. If this cluster category's page is accessed from the main navigation menu, a link will be displayed there just like other categories. Ensure the Hotspot Image Widget is in the Product List template.


Add/Edit Hotspot Image Widget

You may have to add the Hotspot Image Widget to the page on which the banner is to display. The banner will not display without this widget. You can also change the width of the hotspot area and add an offset so that product links land 


Additional Information


Minimum Version Requirements


Multiexcerpt
MultiExcerptNameMinimum Version Requirements

4.31


Prerequisites


Multiexcerpt
MultiExcerptNamePre reqs

--


Self Configurable


Multiexcerpt
MultiExcerptNameSelf Configurable

Yes


Business Function


Multiexcerpt
MultiExcerptNameBusiness Function

Products & Categories


BPD Only?


Multiexcerpt
MultiExcerptNameBPD Only

Yes 


B2B/B2C/Both


Multiexcerpt
MultiExcerptNameB2B/B2C/Both

Both


Third Party Costs


Multiexcerpt
MultiExcerptNameThird Party Costs

n/a



Related help

Content by Label
showLabelsfalse
max5
spacesKB
showSpacefalse
sortmodified
reversetrue
typepage
cqllabel in ("category-maintenance","cluster") and type = "page" and space = "KB"
labelshow-to new cms ver41700


Multiexcerpt
hiddentrue
MultiExcerptNameFeatures List Headers

Macro Instructions for carrying Article Information through to Feature List

Minimum

Version

Requirements

BPD

ONLY


Business Function

B2B
B2C

BOTH

Feature

Feature Description

(Written for our customers and can be pasted into comms sent to them)

Additional info

Pre-Reqs/
Gotchas

Self Configurable

Third Party Costs

Instructions for carrying Excerpts through from this page to the Feature List

Article Page:

Add macro  / Multiexcerpt (or copy and existing excerpt and edit) or (Copy existing page and place content into existing excerpt macros)

On Features List page:

Click in the Cell to be populated  / add macro /  Multiexcerpt Include / Select the Article page and the excerpt (or copy another feature line and edit the 'Article page' source.