Need assistance?
Got any technical or presale questions? We’re here to help. Get in touch and we’ll get back to you as soon as we can.
This is a combination of two extensions: quickview and hotspots widget. Hotspot widget allows to add hotspots to any location where widgets are allowed and then open any content in a quickview modal.
Below you can check a couple of hotspots with tooltips. Content of tooltips comes from a cms block. Simple product is opened in a quickview modal when you click on hotspot.
Both hotspots and quickview are responsive. On example above image is replaced with a smaller version on mobile and so hotspots are minimized and have different positions on small screen size. Quickview width adapts to screen size and product content inside of it is shown in one column.
You can check more example of how hotspots and quickview can look on mobile on Athlete 2 Theme demos:
You can open product in quickview modal, custom content in modal, set custom link to open a page on modal click. Or disable action at all and simply show hotspot with a tooltip.
You can add “info” hotspots with short details about product.
No action on click, tooltip only.
You can add “info” hotspots with short details about product.
No action on click, tooltip only.
In case you've skipped previous example. You can not only open products in quickview modals but also set cms block as a source for hotspot modal.
Shape, color, text and other hotspot and tooltip appearance settings.
Custom icon in hotspots - you can set any image as hotspots icon, including svg.
Add any content in hotspot tooltip
iPhone 13 Silicone Case with MagSafe
$49 or $4.08/mo.per month for 12 mo.*
AirPods
(3rd generation)
$179.00
AirPods
(3rd generation)
$179.00
iPhone 13 Silicone Case with MagSafe
$49 or $4.08/mo.per month for 12 mo.*
iPhone 13 Silicone Case with MagSafe
$49 or $4.08/mo.per month for 12 mo.*
AirPods
(3rd generation)
$179.00
iPhone 13 Silicone Case with MagSafe
$49 or $4.08/mo.per month for 12 mo.*
Examples of a various Magento product types in a quickview modal.
You can control what product blocks to show in quickview modal:
Enable/disable tabs, related upsell, reviews, sku, etc.
Change Modal width, padding for each block, background color, etc.
Switch store view to see wider modal example: