Hotspots in Banner

Add hotspots anywhere by using the drag and drop Page Builder. You could create beautiful looks by combining the slider, banner and hotspots.

Hotspot Style

Riode hotspot element provides various customizable style options to help you make different hotspots on image.

Hotspot Options

Rich options for both content and styles make Riode Hotspot element powerful and essential. Please enjoy our element!

01.

Options for Hotspot & Popup

By using Riode hotspot element, you can display much more information on one image including texts, images, products, block contnent and custom html content.

You will never be disappointed with our element!

Element Image
Element Image

02.

Options for Size & Style

Riode hotspot element provides unlimited possibilities to make an awesome hotspot with different sizes and different styles by means of flexible customizing options.

You can make an awesome hotspot with rich options!

Element Image
Element Image
Element Image

Element Options Glossary

Here comes list of all options from our element with explanation in detail. This could probably
help you to find out what each option is for.

Hotspot Options
  • Icon– Choose icon from icon library for hotspot on image.
  • Horizontal – Controls horizontal position of hotspot on image.
  • Vertical – Controls vertical position of hotspot on image.
  • Effect – Choose effect of hotspot item.
  • Custom Class – Input custom class except dot to apply custom styles or codes.
  • Size – Controls hotspot size.
  • Icon Size – Controls icon size in hotspot.
  • Border Radius – Controls border radius value of hotspot.
  • Color – Choose color of hotspot on normal and hover event.
  • Background Color – Choose background color of hotspot on normal and hover event.
Popup Options
  • Type – Choose popup information type that will be displayed when mouse is over hotspot. Choose fromĀ HTML Code, Block, Product, Image.
  • Link Url – Input link url of hotspot where you will move to.
  • Popup Position – Determine where popup will be shown when mouse is over hotspot. Choose fromĀ Left, Right, Top, Bottom, None.
  • Width – Controls width hotspot content popup.
  • Horizontal Position – Controls horizontal position of hotspot popup.
  • Vertical Position – Controls vertical position of hotspot popup.
  • Padding – Controls padding value of hotspot popup.
  • Background Color – Choose background color of hotspot popup.
  • Box Shadow – Controls box shadow of hotspot popup.