Magento 2 Ajax Add to Cart & Quick View

Trusted by 85,000+ merchants using WeltPixel products

Magento 2 Ajax Add to Cart Pop-up | Quick View

41 reviews

€199,00

Plan PRO Free

Magento Edition Open Source Commerce Cloud

One year of Support & Updates included

You pay once today for the extension and a full year of support and updates. So your updates never lapse, it renews once a year at the product price. You can cancel anytime in My Products, in two clicks, and you keep everything you paid for until your year ends. If a renewal ever catches you by surprise, it is refundable in full within 30 days.

Version 1.17.0

Updated May 18, 2026

Support Community support via GitHub

Platform Magento Open Source, Magento Commerce, Magento Commerce Cloud B2B

Documentation User Guide

weltpixel.com

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.

3 Popup Positions

Display Quick View in center, left sidebar, or right sidebar

Ajax Add to Cart

Add any product to cart without leaving the current page

Hotspot Lookbooks

Create interactive image hotspots with Quick View functionality

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.

Instant Product Preview

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.

Ajax Add to Cart

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.

Full Visibility Control

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.

Advanced Admin Options

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.

3 Popup Positions

Control the position where Quick View is displayed (center/left side/right side). (PRO version only)

Enable on Mobile

Display Quick View on mobile. (PRO version only)

Enable on Search Results Page

Display Quick View on Search Results Page. (PRO version only)

Next/Prev Functionality

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.

Image Hotspot Widget

Hotspot widget with product quick view functionality. Insert hotspots with quickview functionality and create awesome lookbooks. (PRO version only)

Multiple Hotspots Per Image

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.

Quick View on CMS Pages & Blocks

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.

Global Custom Message

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)

Dynamic Custom Messages

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)

Targeted by Customer Group & Date

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.

Condition-Based Rules

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.

No Index & No Follow

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)

Canonical URL

Add canonical link — Add / Remove canonical link for / from Quickview pop-up. (PRO version only)

Loading Overlay Customization

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

12 Months Included Support with the PRO version to ensure your store runs smoothly.

FAQ

Frequently Asked Questions

How does Quick View improve the shopping experience?

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.

What is the difference between the Free and PRO versions?

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.

What are hotspot lookbooks?

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.

Can I control where the Quick View popup appears?

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.

Does Quick View work on mobile devices?

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.

Can I add Quick View to any element on my store?

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.

Does Quick View support all product types?

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.

Does the Ajax add-to-cart affect page performance?

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