Magento 2 Ajax Add to Cart Pop-up | Quick View
41 reviews
The ultimate Ajax Quick View & Add to Cart experience for Magento 2
Quick View allows users to get a quick look of products without opening the product page.
Add quick view functionality to any button, image, or product from a category listing page, product widget, recommended products or upsell. You can even embed your products on CMS pages or even create lookbook hotspots.
Free vs PRO Features
Choose the plan that fits your store. The PRO version unlocks advanced popup positioning, SEO controls, mobile support, hotspot lookbooks, and powerful dynamic messaging tools.
Core Quick View
| Feature | Free | PRO |
|---|---|---|
| Enable Quick View on product listing | ✓ | ✓ |
| Hide/Display product image, thumbnail, short description, qty selector, availability, SKU | ✓ | ✓ |
| Select Quick view button style | ✓ | ✓ |
| Enable/Disable 'Go to product' button in quickview frame | ✓ | ✓ |
| Close quickview in X seconds after adding product to cart | ✓ | ✓ |
| Enable/Disable zoom on product image from Quick view pop-up | ✓ | ✓ |
| Custom CSS | ✓ | ✓ |
Ajax Cart
| Feature | Free | PRO |
|---|---|---|
| Enable/Disable to Auto scroll to top and open Quickcart | ✓ | ✓ |
| Enable/Disable the pop-up with Continue shopping/Go to Checkout buttons displayed after Add to cart is clicked | ✓ | ✓ |
| Add Quick view functionality to any button in your website and link specific product | ✓ | ✓ |
Popup Positioning & Display
| Feature | Free | PRO |
|---|---|---|
| Control the position where Quick View is displayed (center/left side/right side) | — | ✓ |
| Choose to Close when background is clicked | — | ✓ |
| Display Quick View on mobile | — | ✓ |
| Display Quick View on Search Results Page | — | ✓ |
| Next/Prev Functionality — cycle between products within Quick View window | — | ✓ |
Loading Overlay
| Feature | Free | PRO |
|---|---|---|
| Choose Loading Overlay color | — | ✓ |
| Choose Loading Overlay opacity | — | ✓ |
| Upload custom Loading Placeholder icon | — | ✓ |
Hotspot & Lookbooks
| Feature | Free | PRO |
|---|---|---|
| Hotspot widget with product quick view functionality | — | ✓ |
| Insert hotspots with quickview functionality and create awesome lookbooks | — | ✓ |
| Multiple hotspots in one image | — | ✓ |
Messaging & Promotions
| Feature | Free | PRO |
|---|---|---|
| Add a Global Custom Message to the Quick View Popup to showcase discounts and other promos | — | ✓ |
| Add multiple Dynamic Custom Messages based on Magento Conditions | — | ✓ |
SEO
| Feature | Free | PRO |
|---|---|---|
| Add no follow for the quickview link | — | ✓ |
| Add no index meta tag | — | ✓ |
| Add canonical link | — | ✓ |
Support
| Feature | Free | PRO |
|---|---|---|
| 12 Months Included Support | — | ✓ |
| Composer Installation | — | ✓ |
Quick View Popup & Ajax Cart
You can easily add to cart any product without leaving the current page by using the Quick View functionality. A popup window, with product details, will appear for each element that is defined to use this functionality: button, image, listing page product, product widget, recommended products or upsell. Easy to configure from settings. You can enable visibility for many elements/sections from quick view. Product zoom available on product page can also be enabled or disabled in quick view pop-up.
Quick View allows users to get a quick look of products without opening the product page. Add quick view functionality to any button, image, or product from a category listing page, product widget, recommended products or upsell.
You can easily add to cart any product without leaving the current page by using the Quick View functionality. Enable/Disable the pop-up with Continue shopping/Go to Checkout buttons displayed after Add to cart is clicked.
Hide/Display product image, product thumbnail image, short description, qty selector, product availability, SKU. Enable/Disable zoom on product image from Quick view pop-up. Select Quick view button style.
You can make this extension your own by configuring all the available options in admin: easily change the looks of the quickview box by using Custom CSS area from admin, control "Continue shopping" and "Go to Checkout" buttons, control where quick view pop-up opens (center, left or right), define number of seconds after the quick view box is closed, other useful settings.
Popup Positioning & Mobile Support
Control the position where Quick View is displayed — center, left side, or right side — and enable Quick View on mobile and search results pages for a seamless shopping experience across all devices and touchpoints.
Control the position where Quick View is displayed (center/left side/right side). (PRO version only)
Display Quick View on mobile. (PRO version only)
Display Quick View on Search Results Page. (PRO version only)
Set to yes to allow customers to cycle between products on the Category Page within the Quick View window. (PRO version only)
Hotspot Lookbooks & CMS Integration
Besides listing pages, quick view functionality can also be used in lookbooks, cms pages, blocks or anywhere in your magento2 store.
Hotspot widget with product quick view functionality. Insert hotspots with quickview functionality and create awesome lookbooks. (PRO version only)
Multiple Hotspots Can Be Inserted in One Image. Place the widget into a div with the class name "wp-hotspot-quickview" that contains the image tag and the hotspot quickview widget.
You can add the quick view functionality to any button in your website and link a specific product. Embed your products on CMS pages or even create lookbook hotspots.
Custom Messages & Promotions
Raise your advertising game to new heights with the Custom Global and Custom Dynamic Messages for the Quick View Popup. You can add messages that showcase promos, discounts or other important information about your products at the top of the Quick View Popup window. The messages can even be Dynamic, meaning they only show up on specific products defined by Magento Conditions.
Add a Global Custom Message to the Quick View Popup to showcase discounts and other promos on your site. Control background color, font color, and font size. (PRO version only)
Add multiple Dynamic Custom Messages to the Quick View Popup to showcase discounts and other promos for products, based on easy to configure Magento Conditions. Dynamic messages have priority over Global messages. (PRO version only)
Choose specific Customer Groups to which to display the Dynamic Custom Message. Set Valid From/Valid To dates for time-limited promotions. Choose the Store Views on which you want to apply the Dynamic Custom Message.
Set up Conditions or combinations of Conditions in order to display the Dynamic Custom Message on specific products. For example, you can choose a condition based on Product SKU and choose the SKUs associated with products in your store. Your Dynamic Custom Message will then only display on those products.
SEO Optimization & Loading Control
SEO Optimized with no index/follow and canonical URL options ensure your Quick View popups do not dilute your store's search engine rankings. Fine-tune the loading experience with custom overlay colors, opacity, and placeholder icons.
Add no follow for the quickview link — Add / Remove rel="nofollow" to / from the Quickview links. Add no index — Add / Remove meta name="robots" content "NOINDEX,FOLLOW" to / from the head tag of the Quick view pop-up. (PRO version only)
Add canonical link — Add / Remove canonical link for / from Quickview pop-up. (PRO version only)
Choose the Overlay Background Color for the Quickview loading effect. Choose the Overlay Opacity for the Quickview loading effect. Use values between 0 and 1. Upload your own custom Loading Icon placeholder. (PRO version only)
12 Months Included Support with the PRO version to ensure your store runs smoothly.
FAQ
Frequently Asked Questions
Quick View lets customers preview product details in a popup without leaving the current page. They can see images, pricing, descriptions, and product options, then add to cart directly from the popup. This eliminates back-and-forth navigation between category and product pages, making browsing faster and reducing friction in the purchase process.
The Free version includes Quick View popups on product listings, Ajax add-to-cart, image zoom, and customizable button styles. The PRO version adds popup positioning control (center, left sidebar, right sidebar), mobile Quick View support, search results page integration, next/previous product cycling, loading overlay customization, hotspot lookbooks, and dynamic messaging tools.
Hotspot lookbooks (PRO feature) let you create interactive images with clickable product markers. Place hotspot pins on a lifestyle or editorial image, and clicking each pin opens a Quick View popup for that product. This is ideal for fashion, interior design, or any visual merchandising where you want customers to shop directly from inspirational imagery.
The PRO version offers three popup positions: center of page, left sidebar slide-in, and right sidebar slide-in. You can also configure whether the popup closes when the background is clicked, set auto-close timers after adding to cart, and customize the loading overlay color and opacity.
The PRO version includes full mobile Quick View support. The popup adapts responsively to smaller screens with touch-friendly controls. On mobile, Quick View is particularly valuable since navigating between category and product pages is slower, making the popup experience a significant usability improvement.
Yes. Quick View functionality can be added to any button, image, or product element across your store — not just category listing pages. You can embed it on CMS pages, product widgets, recommended product sections, upsell blocks, and even custom lookbook pages by linking any element to a specific product.
Yes. Quick View works with all Magento 2 product types including simple, configurable (with option selectors for size, color, etc.), grouped, bundle, and downloadable products. Customers can select product options and adjust quantities directly within the popup before adding to cart.
No. The extension uses Ajax to load product data on demand — only when the customer clicks Quick View. Products are not preloaded, keeping category pages lightweight. The add-to-cart action also uses Ajax, so the page never fully reloads, providing a smooth and fast shopping experience.
Specifications
Technical Details
- Latest Version
- 1.16.0
- Last Updated
- January 7, 2026
- Release Date
- Jan 7, 2026
- Support
- Community support via GitHub
- Refund Policy
- 30 days, for any reason
- Platform
- Magento Open Source, Magento Commerce, Magento Commerce Cloud B2B