Image Hotspot Block

Sharraxaad

Easily create Image Hotspots (tooltips with WooCommerce or custom product info) with the Image Hotspot Block, all directly from within your post, page or site editor!

This plugin has just been released so please let us know if you have feature requests or any suggestion for us to improve it.

Key features

  • Easy to use : Simply add the block to your page, add your image and products and you are good to go!
  • Easy to customize : From the color of the dot, to the tooltip content and layout, we try to give you as much control as possible to let you create the perfect style for you.
  • Performance : We only load our script and style when the page is actually using our block.

How to use

  • Open a page or blog post using the block editor ( Gutenberg ).
  • Add the “Image Hotspot” block.
  • Choose an image.
  • With the block selected, in the right sidebar ( block options ), click on “Add product”.
  • From there, either add a WooCommerce product to autofill product info, or create a custom product.
  • You can move the hotspot by holding ctrl or command key and draging the hotspot.

Sawir-shaashado

  • Admin view - Products list
  • Admin view - Tooltip options
  • Client view

SBI

Will it work with my theme ?

Image Hotspot Block should work with any theme, as long as you are using the block editor ( Gutenberg ). Also please note that the alignment options “wide” and “full” support is also up to your theme.

Is WooCommerce required ?

While Image Hotspot Block works best with WooCommerce, it is not required and you will be able to create “custom products” on a per-tooltip basis.

Does it work for videos or gif ?

Image Hotspot Block only supports images for now, if we get requests to support more media types we might include it in the future!

Dibu-eegisyo

Ma jiraan wax dibu-eegis ah oo ku saabsan kaabahan.

Ka-qaybgalayaasha & Horumariyayaasha

“Image Hotspot Block” waa softiweer il furan. Dadka soo socda ayaa wax ku biiriyay kaabahan.

Ka-qaybgalayaasha

Ku tarjun “Image Hotspot Block” luqaddaada.

Ma xiisaynaysaa horumarinta?

Baadh koodka, fiiri bakhaarka SVN, ama iska qor diiwaanka horumarinta adigoo adeegsanaya RSS.

Isbeddellada

0.0.1

  • Initial release.