Panth Quick View & Product Compare for Magento 2 | AJAX Preview Modal, Recently Viewed & View Analytics

Quick View & Product Compare for Magento 2 — an AJAX-powered product preview modal on category listings, a side-by-side product comparison experience, a recently viewed products widget, and a full admin view analytics dashboard so merchants can see which products shoppers preview most. Ships with native templates for Hyva (Alpine.js) and Luma.

Panth Quick View lets shoppers preview products directly from category, search, and home-page listings without a full page reload. A lightweight AJAX product view modal renders the product image gallery, price, short description, configurable swatches, qty input, and "Add to Cart" button inline — dramatically reducing friction between browsing and buying. The module also adds product comparison (side-by-side attribute table), a recently viewed products block, and a merchant-facing view analytics tracking dashboard in the Magento admin that records preview counts, timestamps, and top-viewed products so you can make data-driven merchandising decisions. Built natively for Hyva with Alpine.js (no RequireJS, no jQuery) and for Luma via standard Magento UI components.

🚀 Need Custom Magento 2 Development?

Get a free quote for your project in 24 hours — custom modules, Hyva themes, performance optimization, M1→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

Key Features

Quick View Modal on Product Listings

AJAX product preview — click the "Quick View" button on any product card to open a full product modal without leaving the listing page
Configurable swatches, qty input, Add to Cart — shoppers can add to cart directly from the modal
Image gallery — main image plus thumbnails, zoom support on Luma, Alpine-powered gallery on Hyva
Short description, SKU, stock status, price — all the information shoppers need to decide
Keyboard accessible — ESC to close, focus trap, ARIA attributes
Mobile-first responsive design — full-screen modal on small viewports

Product Comparison

Side-by-side comparison table — compare attributes, price, stock, ratings across up to 4 products
Persistent across sessions — customer's compare list is stored server-side
Add to compare from the Quick View modal — one-click add without leaving the category page
Native Magento compare integration — no conflict with core compare functionality

View Analytics with Admin Dashboard

Quick View tracking — every modal open is recorded with product ID, timestamp, store view
Top viewed products report — rank products by preview count over any date range
Conversion insight — see which quick-viewed products actually get added to cart
Admin dashboard widget — at-a-glance summary on the Magento admin home screen
CSV export — download raw analytics for BI tools

Hyva + Luma Ready

Native Hyva templates — Alpine.js only, no jQuery, no RequireJS, no KnockoutJS
Native Luma templates — standard Magento UI components and RequireJS
Auto theme detection via Panth\Core\Helper\Theme
Works on Adobe Commerce, Magento Open Source, and Adobe Commerce Cloud

Performance & Quality

MEQP-compliant code (passes Adobe's Magento Extension Quality Program)
FPC-friendly — Varnish/FPC compatible, blocks render via AJAX
Lazy-loaded modal assets — JS and CSS loaded only when needed
Translation-ready — all strings use 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 — 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 the Adobe Commerce Marketplace.
Extract to app/code/Panth/QuickView/ in your Magento installation.
Ensure Panth_Core is also installed (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 installation, navigate to:

Admin → Stores → Configuration → Panth Extensions → Quick View

Configuration

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

Setting	Default	Description
Enable Quick View	Yes	Master toggle for the Quick View modal.
Enable Product Compare	Yes	Show "Add to Compare" inside the modal and on product cards.
Enable Recently Viewed	Yes	Enable the recently viewed products widget.
Recently Viewed Count	6	Number of recently viewed items to display.
Enable View Analytics	Yes	Record every Quick View open in the analytics table.
Modal Button Label	Quick View	Text displayed on the Quick View trigger button.
Show on Category Pages	Yes	Attach the Quick View button to product cards on category pages.
Show on Search Results	Yes	Attach the Quick View button on catalog search pages.
Show on Home Page Widgets	Yes	Attach the Quick View button on featured/new product widgets.

How It Works

A Quick View button is injected onto each product card via layout XML.
On click, an Alpine.js (Hyva) or RequireJS (Luma) handler fires an AJAX request to the Panth Quick View controller.
The controller returns a rendered block with the product image gallery, price, swatches, qty input, and Add to Cart form.
The modal opens with a focus trap, body-scroll lock, and ESC/click-outside close handlers.
Each open is recorded in the panth_quickview_log table (if analytics is enabled) with product ID, customer ID (if logged in), store view, and timestamp.
The admin dashboard aggregates this data for reporting.

View Analytics Dashboard

Navigate to Admin → Panth Infotech → Quick View → Analytics.

The dashboard provides:

Total Quick Views (today, 7 days, 30 days, all time)
Top 10 Most Previewed Products with thumbnail, SKU, and view count
Views by Store View breakdown
Preview-to-Cart Conversion Rate
CSV Export for any date range

Use this data to:

Identify popular products that deserve better positioning
Spot products with high preview counts but low cart conversion (possible pricing or imagery issues)
Measure the impact of category merchandising changes

FAQ

Does Quick View work on Hyva themes?

Yes. Panth Quick View ships native Alpine.js templates for Hyva — no jQuery, no KnockoutJS, no RequireJS. The module auto-detects Hyva via Panth_Core and serves the Alpine variant automatically.

Does it support configurable and bundle products?

Yes. Configurable swatches, bundle options, grouped product tables, and simple products are all rendered in the modal. Virtual and downloadable products are supported too.

Will it slow down my category pages?

No. The Quick View assets are loaded on-demand when a shopper opens a modal, not on initial page render. All rendering is AJAX and FPC-friendly.

Can I disable view analytics for privacy reasons?

Yes. Set Enable View Analytics to No in configuration. No data will be recorded.

Does the compare feature conflict with Magento's native compare?

No. Panth Quick View uses the native Magento compare module under the hood — the modal simply provides a more convenient entry point.

Is it translation-ready?

Yes. All user-facing strings use Magento's __() translation function.

Does it work with multi-store setups?

Yes. All settings and analytics respect Magento's scope hierarchy (default → website → store view).

Does Panth Quick View require Panth Core?

Yes. mage2kishan/module-core is a free, required dependency (Composer installs it automatically).

Support

Channel	Contact
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 customization, store migrations, or performance optimization? 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 specializing in high-quality, security-focused extensions and themes for both Hyva and Luma storefronts. Our extension suite covers SEO, performance, checkout, product presentation, customer engagement, and store management — over 34 modules built to MEQP standards and tested across Magento 2.4.4 to 2.4.8.

Browse the full extension catalog on the Adobe Commerce Marketplace or Packagist.

Quick Links

🌐 Website: kishansavaliya.com
💬 Get a Quote: kishansavaliya.com/get-quote
👨‍💻 Upwork Profile (Top Rated Plus): upwork.com/freelancers/~016dd1767321100e21
🏢 Upwork Agency: upwork.com/agencies/1881421506131960778
📦 Packagist: packagist.org/packages/mage2kishan/module-quickview
🐙 GitHub: github.com/mage2sk/module-quickview
🛒 Adobe Marketplace: commercemarketplace.adobe.com
📧 Email: kishansavaliyakb@gmail.com
📱 WhatsApp: +91 84012 70422

Ready to upgrade your Magento 2 store?

SEO Keywords: magento 2 quick view, product compare, recently viewed, product preview modal, ajax product view, magento 2 quick view modal, magento 2 product comparison, magento 2 recently viewed products widget, magento 2 hyva quick view, magento 2 luma quick view, alpine.js quick view, magento 2 view analytics, magento 2 product preview, magento 2 quick view dashboard, magento 2 ajax add to cart modal, magento 2 category page quick view, magento 2 quickview extension, magento 2 preview popup, magento 2 product insights, magento 2 top viewed products report, 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

Name		Name	Last commit message	Last commit date
Latest commit History 6 Commits
Block		Block
Controller		Controller
Helper		Helper
Model		Model
etc		etc
view		view
.gitattributes		.gitattributes
CHANGELOG.md		CHANGELOG.md
COPYING.txt		COPYING.txt
LICENSE.txt		LICENSE.txt
README.md		README.md
USER_GUIDE.md		USER_GUIDE.md
composer.json		composer.json
registration.php		registration.php

Folders and files

Latest commit

History

Repository files navigation

Panth Quick View & Product Compare for Magento 2 | AJAX Preview Modal, Recently Viewed & View Analytics

🚀 Need Custom Magento 2 Development?

🏆 Kishan Savaliya

🏢 Panth Infotech Agency

Table of Contents

Key Features

Quick View Modal on Product Listings

Product Comparison

Recently Viewed Products

View Analytics with Admin Dashboard

Hyva + Luma Ready

Performance & Quality

Compatibility

Installation

Composer Installation (Recommended)

Manual Installation via ZIP

Verify Installation

Configuration

How It Works

View Analytics Dashboard

FAQ

Does Quick View work on Hyva themes?

Does it support configurable and bundle products?

Will it slow down my category pages?

Can I disable view analytics for privacy reasons?

Does the compare feature conflict with Magento's native compare?

Is it translation-ready?

Does it work with multi-store setups?

Does Panth Quick View require Panth Core?

Support

💼 Need Custom Magento Development?

About Panth Infotech

Quick Links

About

Resources

License

Licenses found

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Uh oh!

Contributors

Uh oh!

Languages

Packages