README

Magento 2 Quick View Extension: AJAX Product Preview, Compare & Recently Viewed (Hyva + Luma)

Let shoppers preview a product without leaving the listing page. Panth Quick View opens an AJAX product popup straight from category, search, and home page product cards. It also adds product compare, a recently viewed products block, and an admin report that shows which products get previewed the most. Native templates for Hyva (Alpine.js) and Luma are both included.

Product page: kishansavaliya.com/magento-2-quickview.html

Quick Answer

What is Panth Quick View? It is a Magento 2 quick view extension that shows a product preview popup on listing pages, so shoppers can check an image gallery, price, short description, SKU, stock status, and add the item to cart without a full page reload.

What does it add to my store?

An AJAX quick view popup on category, search, and home page product cards.
Product compare so shoppers can line up two or more products side by side.
A recently viewed products block that remembers what each visitor looked at.
An admin view tracker report that ranks products by how often they are previewed.

Which themes are supported? Both Hyva (Alpine.js, no jQuery) and Luma. The right template is picked for you based on the active theme.

What does it need? Magento 2.4.4 to 2.4.8, PHP 8.1 to 8.4, and the free mage2kishan/module-core package.

🚀 Need Custom Magento 2 Development?

Get a free quote for your project in 24 hours for custom modules, Hyva themes, performance work, M1 to M2 migrations, and Adobe Commerce Cloud.

🏆 Kishan Savaliya

Top Rated Plus on Upwork

100% Job Success • 10+ Years Magento Experience Adobe Certified • Hyva Specialist

🏢 Panth Infotech Agency

Magento Development Team

Custom Modules • Theme Design • Migrations Performance • SEO • Adobe Commerce Cloud

Visit our website: kishansavaliya.com | Get a quote: kishansavaliya.com/get-quote

Who Is It For
Key Features
Compatibility
Installation
Configuration
How It Works
View Tracker Report
FAQ
Support
About Panth Infotech
Quick Links

Who Is It For

Stores with large catalogs where shoppers open many product pages to compare options. Quick View saves them clicks and page loads.
Fashion, electronics, and home stores where a fast look at the gallery and price helps people decide.
Hyva storefronts that want a quick view built with Alpine.js, with no jQuery or RequireJS added back in.
Merchants who want data on which products draw the most interest, so they can promote the right items.

Key Features

Quick View Popup on Product Listings

AJAX product preview so the popup opens without reloading the listing page.
Image gallery, price, short description, SKU, and stock status shown inside the popup. Each block can be turned on or off.
Add to cart from the popup, including configurable swatches and a quantity field.
Keyboard friendly with ESC to close, a focus trap, and ARIA labels.
Mobile ready with a full screen popup on small phones.

Product Compare

Side by side compare so shoppers can check attributes and price across products.
Saved per visitor using the panth_product_comparison table, so the list survives page changes.
Add to compare from the quick view popup with one click.

View Tracker (Admin Report)

Every quick view open is logged with product, store view, and time.
Most viewed products report inside the Magento admin under Quick View.
Spot demand early and move popular products to better spots in your catalog.

Hyva + Luma Ready

Native Hyva templates built on Alpine.js, with no jQuery, RequireJS, or Knockout.
Native Luma templates using standard Magento UI components.
Theme is detected for you through Panth\Core\Helper\Theme.
Works on Magento Open Source, Adobe Commerce, and Adobe Commerce Cloud.

Built to Last

Clean, MEQP-style code with constructor dependency injection only.
Full Page Cache friendly, since the popup loads over AJAX.
Assets load on demand, not on every page render.
Translation ready, every label uses Magento's __() function.

Compatibility

Requirement	Versions Supported
Magento Open Source	2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8
Adobe Commerce	2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8
Adobe Commerce Cloud	2.4.4 to 2.4.8
PHP	8.1.x, 8.2.x, 8.3.x, 8.4.x
Hyva Theme	1.3+ (native Alpine.js support)
Luma Theme	Native support
Required Dependency	`mage2kishan/module-core` (free)

Installation

Composer Installation (Recommended)

composer require mage2kishan/module-quickview
bin/magento module:enable Panth_Core Panth_QuickView
bin/magento setup:upgrade
bin/magento setup:di:compile
bin/magento setup:static-content:deploy -f
bin/magento cache:flush

Manual Installation via ZIP

Download the latest release from Packagist or from the product page.
Extract it to app/code/Panth/QuickView/ in your Magento install.
Make sure Panth_Core is installed too (required dependency).
Run the commands above starting from bin/magento module:enable.

Verify Installation

bin/magento module:status Panth_QuickView
# Expected: Module is enabled

After install, open:

Admin → Stores → Configuration → Panth Extensions → Quick View

Configuration

Go to Stores → Configuration → Panth Extensions → Quick View.

Setting	Group	Default	Description
Enable Quick View	General	Yes	Master toggle for the quick view popup.
Show Image Gallery	Display	Yes	Show the product image gallery inside the popup.
Show Short Description	Display	Yes	Show the product short description.
Show SKU	Display	Yes	Show the product SKU.
Show Stock Status	Display	Yes	Show in stock or out of stock.
Show Add to Cart	Display	Yes	Show the add to cart form inside the popup.

Product compare, recently viewed, and the view tracker report work out of the box once the module is enabled.

How It Works

A Quick View button is added to each product card through layout XML.
On click, an Alpine.js handler (Hyva) or RequireJS handler (Luma) sends an AJAX request to the Quick View controller.
The controller returns a rendered block with the image gallery, price, short description, SKU, stock status, and add to cart form.
The popup opens with a focus trap, body scroll lock, and close on ESC or click outside.
The open is recorded in the view tracker, and the product is saved to the visitor's recently viewed list.
The admin report reads this data so you can see the most previewed products.

View Tracker Report

Open Admin → Panth Infotech → Quick View → View Tracker.

The report shows:

Which products were previewed through the quick view popup.
How often each product was opened, so you can rank demand.
A detail view for a single product's preview activity.

Use it to find popular products that deserve a better spot on your category pages, and to check whether a merchandising change moved the numbers.

FAQ

Does quick view work on Hyva themes?

Yes. Panth Quick View ships native Alpine.js templates for Hyva, with no jQuery, Knockout, or RequireJS. The module reads the active theme through Panth_Core and serves the Hyva template for you.

Which product types are supported in the popup?

Simple, configurable, grouped, bundle, virtual, and downloadable products all render in the popup, including configurable swatches.

Will it slow down my category pages?

No. The popup assets load only when a shopper opens a quick view, not on first page render. The popup content is loaded over AJAX, so it stays Full Page Cache friendly.

Can I hide the SKU or short description in the popup?

Yes. The Display group in configuration lets you turn the image gallery, short description, SKU, stock status, and add to cart block on or off.

Does product compare clash with Magento's own compare?

No. The compare list is stored in the module's own panth_product_comparison table, so it works alongside your store without breaking core behavior.

Is the recently viewed block shown to guests?

Yes. Guests are tracked by session and logged in customers keep their history, both stored in the panth_recently_viewed table.

Is it translation ready?

Yes. Every label uses Magento's __() function, so you can translate it from a theme or language pack.

Does it work with multi-store setups?

Yes. Settings and tracking respect Magento's scope order of default, website, and store view.

Does Panth Quick View need Panth Core?

Yes. mage2kishan/module-core is a free, required dependency that Composer installs for you.

Support

Channel	Contact
Product Page	kishansavaliya.com/magento-2-quickview.html
Email	kishansavaliyakb@gmail.com
Website	kishansavaliya.com
WhatsApp	+91 84012 70422
GitHub Issues	github.com/mage2sk/module-quickview/issues
Upwork (Top Rated Plus)	Hire Kishan Savaliya
Upwork Agency	Panth Infotech

Response time: 1-2 business days.

💼 Need Custom Magento Development?

Looking for custom Magento module development, Hyva theme work, store migrations, or performance tuning? Get a free quote in 24 hours:

About Panth Infotech

Built and maintained by Kishan Savaliya (kishansavaliya.com), a Top Rated Plus Magento developer on Upwork with 10+ years of eCommerce experience.

Panth Infotech is a Magento 2 development agency that builds high quality, security focused extensions and themes for both Hyva and Luma storefronts. The extension suite covers SEO, performance, checkout, product presentation, customer engagement, and store management, with each module built to MEQP standards and tested across Magento 2.4.4 to 2.4.8.

Browse the full extension catalog on our Magento extensions page or on Packagist.

Quick Links

Resource	Link
🛒 Product Page	magento-2-quickview.html
📦 Packagist	mage2kishan/module-quickview
🐙 GitHub	mage2sk/module-quickview
🌐 Website	kishansavaliya.com
💬 Free Quote	kishansavaliya.com/get-quote
👨‍💻 Upwork (Top Rated Plus)	Hire Kishan Savaliya
🏢 Upwork Agency	Panth Infotech
📧 Email	kishansavaliyakb@gmail.com
📱 WhatsApp	+91 84012 70422

Ready to give shoppers a faster way to browse?

SEO Keywords: magento 2 quick view, magento 2 quick view extension, magento 2 quick view module, magento 2 product preview popup, ajax quick view magento 2, magento 2 product quick view, hyva quick view, hyva quick view extension, luma quick view, magento 2 quick view popup, magento 2 product compare, magento 2 compare products, magento 2 recently viewed products, magento 2 recently viewed widget, magento 2 most viewed products report, magento 2 product view tracker, magento 2 add to cart popup, magento 2 category page quick view, magento 2 search results quick view, alpine js quick view, magento 2.4.8 quick view, php 8.4 quick view, mage2kishan quickview, panth quick view, panth infotech, hire magento developer, top rated plus upwork, kishan savaliya magento, custom magento development

mage2kishan / module-quickview

Maintainers

Package info

Statistics

Security