Quick View & Product Compare for Magento 2

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

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

• Key Features
• Compatibility
• Installation
• Configuration
• How It Works
• View Analytics Dashboard
• FAQ
• Support
• About Panth Infotech
• Quick Links

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

Recently Viewed Products

• Storefront widget — show "Recently Viewed" on product, category, and CMS pages
• Per-customer tracking — logged-in customers see their history across devices
• Session-based for guests — guests see their in-session view history
• Configurable item count — show 4, 6, 8, or 12 recent products

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

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

1. Download the latest release from Packagist or the Adobe Commerce Marketplace.
2. Extract to app/code/Panth/QuickView/ in your Magento installation.
3. Ensure Panth_Core is also installed (required dependency).
4. 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

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

1. A Quick View button is injected onto each product card via layout XML.
2. On click, an Alpine.js (Hyva) or RequireJS (Luma) handler fires an AJAX request to the Panth Quick View controller.
3. The controller returns a rendered block with the product image gallery, price, swatches, qty input, and Add to Cart form.
4. The modal opens with a focus trap, body-scroll lock, and ESC/click-outside close handlers.
5. 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.
6. The admin dashboard aggregates this data for reporting.

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

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).

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:

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.

• 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