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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us