Product card hotspot block
A product image on a background with a plus icon (hotspot). The icon opens the product page or a product popup.
Product card hotspot settings
| Setting | Description |
|---|---|
| Color scheme | Color scheme of the block. Schemes are managed in Theme settings → Colors. Default: Scheme 1. |
| Product | Product the hotspot refers to. |
| Custom product image | Image shown instead of the product’s main image. If not selected, the product’s main image is used. |
| Product background image | Optional image shown behind the product image. |
| Icon action | What happens when the plus icon is clicked: Link to product or Product popup. Default: Link to product. |
Product card hotspot padding
| Setting | Description |
|---|---|
| Top, Bottom, Left, Right | Space around the block on desktop. Range: 0–200 px, step 2. Default: 0 px. |
| Top mobile, Bottom mobile, Left mobile, Right mobile | Space around the block on mobile. Range: 0–100 px, step 1. Default: 0 px. |
Image hotspot block
An image with a hotspot icon placed at a chosen point on it. The hotspot refers to a product or to a custom link.
Image
| Setting | Description |
|---|---|
| Product | Product the hotspot refers to. |
| Custom image | Image shown instead of the product’s main image. If not selected, the product’s main image is used. |
| Image width | Width of the image on desktop as a share of the available width. Range: 10–90 %. Default: 46 %. |
| Image width mobile | Width of the image on mobile. Range: 10–90 %. Default: 80 %. |
| Max image width | Maximum width of the image. Range: 120–960 px, step 10. Default: 480 px. |
| Icon action | What happens when the hotspot icon is clicked: None, Link to product, Product popup or Custom link. Default: Link to product. |
| Custom link | Page the hotspot leads to. Available only when Icon action is Custom link. |
Position
| Setting | Description |
|---|---|
| Horizontal position | Position of the hotspot from the left edge on desktop. Range: 10–90 %. Default: 50 %. |
| Vertical position | Position of the hotspot from the top edge on desktop. Range: 10–90 %. Default: 50 %. |
| Horizontal position mobile | Position of the hotspot from the left edge on mobile. Range: 10–90 %. Default: 50 %. |
| Vertical position mobile | Position of the hotspot from the top edge on mobile. Range: 10–90 %. Default: 50 %. |