Hotspot slide
Slide settings
Setting | Description |
Slide color scheme | Color Scheme allows you to customize every aspect of your theme's colors in the settings. When you apply a color scheme to a specific section like the hotspot slider, it automatically updates all associated colors for a cohesive and professional look across your website. |
Image | You can add the main image as background, by clicking on the “Select image” button to access your media library, upload a new image, or explore free images. Also, you can connect a dynamic source by clicking the source button. Once an image is chosen, you can use the “Change” button to remove, replace, or delete it. |
Image height | This option allows you to adjust the slide height. Use the slider to set the desired height. |
Hotspot color scheme | This option allows you to customize the colors of the hotspots. Select a color scheme from the drop-down list. |
Hotspot 1
Setting | Description |
Product | Select product for hotspot product item, and it will be shown in the card. |
Horizontal position | Set up the position of hotspot on the image. By adjusting the horizontal position, you can move the hotspot left or right on the image, aligning it to the desired location horizontally. |
Vertical position | Similarly, by modifying the vertical position, you can move the hotspot up or down on the image, positioning it at the desired location vertically. |
Bubble position | Change the bubble position on hover: top, bottom, left, right. |
Hide item mobile | When this option is enabled, the hotspot product items will only be visible on desktop and tablet devices, and they will be hidden on mobile devices. |
Hotspot 2
Setting | Description |
Product | Select product for hotspot product item, and it will be shown in the card. |
Horizontal position | Set up the position of hotspot on the image. By adjusting the horizontal position, you can move the hotspot left or right on the image, aligning it to the desired location horizontally. |
Vertical position | Similarly, by modifying the vertical position, you can move the hotspot up or down on the image, positioning it at the desired location vertically. |
Bubble position | Change the bubble position on hover: top, bottom, left, right. |
Hide item mobile | When this option is enabled, the hotspot product items will only be visible on desktop and tablet devices, and they will be hidden on mobile devices. |
Hotspot 3
Setting | Description |
Product | Select product for hotspot product item, and it will be shown in the card. |
Horizontal position | Set up the position of hotspot on the image. By adjusting the horizontal position, you can move the hotspot left or right on the image, aligning it to the desired location horizontally. |
Vertical position | Similarly, by modifying the vertical position, you can move the hotspot up or down on the image, positioning it at the desired location vertically. |
Bubble position | Change the bubble position on hover: top, bottom, left, right. |
Hide item mobile | When this option is enabled, the hotspot product items will only be visible on desktop and tablet devices, and they will be hidden on mobile devices. |
You can add up to seven hotspots to each slide, with the settings mentioned above for each hotspot.