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 block like hotspot product item, it automatically updates all associated colors for a cohesive and professional look across your website.
Product
Select product for hotspot product item, and it will be shown in the card.
Custom bullet icon
Add an image to use as the bullet icon. The image will automatically be displayed in a circular shape.
Bullet size
Use a slider to adjust bullet size of every hotspot item.
Position
Set the position of the hotspot on the image by adjusting its horizontal and vertical alignment.
Horizontal position
Move the hotspot left or right to align it to the desired location.
Vertical position
Move the hotspot up or down to position it at the desired location.
Horizontal position mobile
Adjust the hotspot's position on mobile resolution by moving it left or right. This ensures it aligns perfectly with the image layout on smaller screens.
Vertical position mobile
Adjust the hotspot's position on mobile resolution by moving it up or down. This ensures it aligns perfectly with the image layout on smaller screens.
Bubble position
Change the bubble position on hover: top, bottom, left, right.
Show rating
Enable this option to display a custom rating.
Rating
Use the slider to set an appropriate rating value.
Open bubble on desktop
Enable this option to display the product item card open by default on desktop, without requiring a click on a bullet.
Hide item mobile
When this option is enabled, the hotspot items will only be visible on desktop and tablet devices, and they will be hidden on mobile devices.
Did this answer your question?Thanks for the feedbackThere was a problem submitting your feedback. Please try again later.
