PHPackages mage2kishan/module-quickview - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. mage2kishan/module-quickview ActiveMagento2-module[Utility & Helpers](/categories/utility) mage2kishan/module-quickview ============================ Smart Quick View & Compare module for Magento 2 with Hyva theme support. Features: Quick View Modal, Product Comparison, Recently Viewed Products 1.0.3(1mo ago)019↓50%11proprietaryHTMLPHP ^8.1 Since Apr 16Pushed yesterdayCompare [ Source](https://github.com/mage2sk/module-quickview)[ Packagist](https://packagist.org/packages/mage2kishan/module-quickview)[ RSS](/packages/mage2kishan-module-quickview/feed)WikiDiscussions main Synced 1w ago READMEChangelogDependencies (9)Versions (5)Used By (1) Panth Quick View & Product Compare for Magento 2 | AJAX Preview Modal, Recently Viewed & View Analytics =============================================================================================================== [](#panth-quick-view--product-compare-for-magento-2--ajax-preview-modal-recently-viewed--view-analytics) [![Magento 2.4.4 - 2.4.8](https://camo.githubusercontent.com/079c832211eed4f9451ebe264e3865f825b0f9f31b041cbf03676c6e254535d4/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4d6167656e746f2d322e342e342532302d2d253230322e342e382d6f72616e67653f6c6f676f3d6d6167656e746f266c6f676f436f6c6f723d7768697465)](https://magento.com)[![PHP 8.1 - 8.4](https://camo.githubusercontent.com/56b3cce18841623e2cbed2ebf09b06be1be8807e99e6e054a89d304ab4790b8e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d382e312532302d2d253230382e342d626c75653f6c6f676f3d706870266c6f676f436f6c6f723d7768697465)](https://php.net)![Hyva + Luma](https://camo.githubusercontent.com/d4d6a05401973034a5aae392f030440eefa40afc9191ffb06ed897af5d25adb1/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5468656d65732d487976612532302532422532304c756d612d313462386136)[![Packagist](https://camo.githubusercontent.com/affaecc258596fbd945e5f14ae2818c88e52a61173bf435acbe97ceb64b56878/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5061636b61676973742d6d616765326b697368616e2532466d6f64756c652d2d717569636b766965772d6f72616e67653f6c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465)](https://packagist.org/packages/mage2kishan/module-quickview)[![Upwork Top Rated Plus](https://camo.githubusercontent.com/6f72584179420c41ed90432fd2579a4ed36199d4229e8181d20f353c1c4ee4eb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5570776f726b2d546f702532305261746564253230506c75732d3134613830303f6c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/freelancers/~016dd1767321100e21)[![Panth Infotech Agency](https://camo.githubusercontent.com/401a792e990131002e91054d1b04494af5a2152fcc891ca000eb683786770abf/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4167656e63792d50616e7468253230496e666f746563682d3134613830303f6c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/agencies/1881421506131960778/)[![Website](https://camo.githubusercontent.com/f1ae86d28e2b505aee60f240d3e5508e390b0a8dc7a9b7ecf1b450fad862053f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f576562736974652d6b697368616e736176616c6979612e636f6d2d304439343838)](https://kishansavaliya.com)[![Get a Quote](https://camo.githubusercontent.com/0b6c02cc1ad00f11bf1b0164a9998734bd716473db36cc2a5c1517e3d3578d1b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4765742532306125323051756f74652d46726565253230457374696d6174652d444332363236)](https://kishansavaliya.com/get-quote) > **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? ------------------------------------ [](#-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. [ ![Get a Free Quote](https://camo.githubusercontent.com/eac8c45d21cff8b139ddc392325f3bd6c8266a6f3d7b23f15131c958f3d3c8d0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f476574253230612532304672656525323051756f74652532302545322538362539322d5265706c7925323077697468696e2532303234253230686f7572732d4443323632363f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/get-quote) ### 🏆 Kishan Savaliya [](#-kishan-savaliya) **Top Rated Plus on Upwork** [![Hire on Upwork](https://camo.githubusercontent.com/b69353d3c6e192f4d03cc36bb8883612004e32f54dd2dbcc1e700dd791acd875/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f486972652532306f6e2532305570776f726b2d546f702532305261746564253230506c75732d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/freelancers/~016dd1767321100e21) 100% Job Success • 10+ Years Magento Experience Adobe Certified • Hyva Specialist ### 🏢 Panth Infotech Agency [](#-panth-infotech-agency) **Magento Development Team** [![Visit Agency](https://camo.githubusercontent.com/bbf04bdd2aff502082508568ec42ace3a7475c98756f596e2013056c89726ed6/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f56697369742532304167656e63792d50616e7468253230496e666f746563682d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/agencies/1881421506131960778/) Custom Modules • Theme Design • Migrations Performance • SEO • Adobe Commerce Cloud **Visit our website:** [kishansavaliya.com](https://kishansavaliya.com) | **Get a quote:** [kishansavaliya.com/get-quote](https://kishansavaliya.com/get-quote) --- Table of Contents ----------------- [](#table-of-contents) - [Key Features](#key-features) - [Compatibility](#compatibility) - [Installation](#installation) - [Configuration](#configuration) - [How It Works](#how-it-works) - [View Analytics Dashboard](#view-analytics-dashboard) - [FAQ](#faq) - [Support](#support) - [About Panth Infotech](#about-panth-infotech) - [Quick Links](#quick-links) --- Key Features ------------ [](#key-features) ### Quick View Modal on Product Listings [](#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 [](#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 [](#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 [](#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 [](#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 [](#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 ------------- [](#compatibility) RequirementVersions SupportedMagento Open Source2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8Adobe Commerce2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8Adobe Commerce Cloud2.4.4 — 2.4.8PHP8.1.x, 8.2.x, 8.3.x, 8.4.xHyva Theme1.3+ (native Alpine.js support)Luma ThemeNative supportRequired Dependency`mage2kishan/module-core` (free)--- Installation ------------ [](#installation) ### Composer Installation (Recommended) [](#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 [](#manual-installation-via-zip) 1. Download the latest release from [Packagist](https://packagist.org/packages/mage2kishan/module-quickview) or the [Adobe Commerce Marketplace](https://commercemarketplace.adobe.com). 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 [](#verify-installation) ``` bin/magento module:status Panth_QuickView # Expected: Module is enabled ``` After installation, navigate to: ``` Admin → Stores → Configuration → Panth Extensions → Quick View ``` --- Configuration ------------- [](#configuration) Go to **Stores → Configuration → Panth Extensions → Quick View**. SettingDefaultDescriptionEnable Quick ViewYesMaster toggle for the Quick View modal.Enable Product CompareYesShow "Add to Compare" inside the modal and on product cards.Enable Recently ViewedYesEnable the recently viewed products widget.Recently Viewed Count6Number of recently viewed items to display.Enable View AnalyticsYesRecord every Quick View open in the analytics table.Modal Button LabelQuick ViewText displayed on the Quick View trigger button.Show on Category PagesYesAttach the Quick View button to product cards on category pages.Show on Search ResultsYesAttach the Quick View button on catalog search pages.Show on Home Page WidgetsYesAttach the Quick View button on featured/new product widgets.--- How It Works ------------ [](#how-it-works) 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. --- View Analytics Dashboard ------------------------ [](#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 --- [](#faq) ### Does Quick View work on Hyva themes? [](#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? [](#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? [](#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? [](#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? [](#does-the-compare-feature-conflict-with-magentos-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? [](#is-it-translation-ready) Yes. All user-facing strings use Magento's `__()` translation function. ### Does it work with multi-store setups? [](#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? [](#does-panth-quick-view-require-panth-core) Yes. `mage2kishan/module-core` is a free, required dependency (Composer installs it automatically). --- Support ------- [](#support) ChannelContactEmailWebsite[kishansavaliya.com](https://kishansavaliya.com)WhatsApp+91 84012 70422GitHub Issues[github.com/mage2sk/module-quickview/issues](https://github.com/mage2sk/module-quickview/issues)Upwork (Top Rated Plus)[Hire Kishan Savaliya](https://www.upwork.com/freelancers/~016dd1767321100e21)Upwork Agency[Panth Infotech](https://www.upwork.com/agencies/1881421506131960778/)Response time: 1-2 business days. ### 💼 Need Custom Magento Development? [](#-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: [ ![Get a Free Quote](https://camo.githubusercontent.com/0d9512dc4f89ef40179e9f650fd0786b6bc846d289ab2cb04a223a43f2833eeb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f254630253946253932254143253230476574253230612532304672656525323051756f74652d6b697368616e736176616c6979612e636f6d2532466765742d2d71756f74652d4443323632363f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/get-quote) [ ![Hire on Upwork](https://camo.githubusercontent.com/fad56e8be7896e39593f090cd2ed32e6bf86b4b6e75974cf292aee99d45f5077/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f486972652532304b697368616e2d546f702532305261746564253230506c75732d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465) ](https://www.upwork.com/freelancers/~016dd1767321100e21) [ ![Visit Agency](https://camo.githubusercontent.com/fdf45a9d937d72b896f5e2557337d47efebc0e06b7ad4d4c162c0a64375a62fa/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f56697369742d50616e7468253230496e666f746563682532304167656e63792d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465) ](https://www.upwork.com/agencies/1881421506131960778/) [ ![Visit Website](https://camo.githubusercontent.com/7455559317a374eb3eb536c5ea201ca2c2a29bc13d82cc127278975a680d552c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5669736974253230576562736974652d6b697368616e736176616c6979612e636f6d2d3044393438383f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com) --- About Panth Infotech -------------------- [](#about-panth-infotech) Built and maintained by **Kishan Savaliya** — [kishansavaliya.com](https://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](https://commercemarketplace.adobe.com) or [Packagist](https://packagist.org/packages/mage2kishan/). --- Quick Links ----------- [](#quick-links) - 🌐 **Website:** [kishansavaliya.com](https://kishansavaliya.com) - 💬 **Get a Quote:** [kishansavaliya.com/get-quote](https://kishansavaliya.com/get-quote) - 👨‍💻 **Upwork Profile (Top Rated Plus):** [upwork.com/freelancers/~016dd1767321100e21](https://www.upwork.com/freelancers/~016dd1767321100e21) - 🏢 **Upwork Agency:** [upwork.com/agencies/1881421506131960778](https://www.upwork.com/agencies/1881421506131960778/) - 📦 **Packagist:** [packagist.org/packages/mage2kishan/module-quickview](https://packagist.org/packages/mage2kishan/module-quickview) - 🐙 **GitHub:** [github.com/mage2sk/module-quickview](https://github.com/mage2sk/module-quickview) - 🛒 **Adobe Marketplace:** [commercemarketplace.adobe.com](https://commercemarketplace.adobe.com) - 📧 **Email:** - 📱 **WhatsApp:** +91 84012 70422 --- **Ready to upgrade your Magento 2 store?** [ ![Get Started](https://camo.githubusercontent.com/66dee04430af977df988ac18454416f2f08a5169868a0d0689061b7e8db6f8ca/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f254630253946253941253830253230476574253230537461727465642532302545322538362539322d4672656525323051756f7465253230696e2532303234682d4443323632363f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/get-quote) --- **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 ### Health Score 42 — FairBetter than 88% of packages Maintenance97 Actively maintained with recent releases Popularity9 Limited adoption so far Community9 Small or concentrated contributor base Maturity45 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~7 days Total 4 Last Release 32d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/343e344aa298f189db888b32d62f9202d31ced1a5ea23411850a63dc4a30299c?d=identicon)[kishansavaliya](/maintainers/kishansavaliya) --- Top Contributors [![KishanSavaliya](https://avatars.githubusercontent.com/u/16853223?v=4)](https://github.com/KishanSavaliya "KishanSavaliya (9 commits)") --- Tags magento2tailwind cssalpine jsquick viewhyva-themeproduct-comparison ### Embed Badge ![Health badge](/badges/mage2kishan-module-quickview/health.svg) ``` [![Health](https://phpackages.com/badges/mage2kishan-module-quickview/health.svg)](https://phpackages.com/packages/mage2kishan-module-quickview) ``` ### Alternatives [mollie/magento2 Mollie Payment Module for Magento 2 1131.8M12](/packages/mollie-magento2)[run-as-root/magento2-prometheus-exporter Magento2 Prometheus Exporter 68353.9k](/packages/run-as-root-magento2-prometheus-exporter)[loki/magento2-components Core module for defining Alpine.js components with advanced AJAX features 1010.0k22](/packages/loki-magento2-components)[mage-os/module-inventory-reservations-grid Add a grid with the list of inventory reservations. 1512.6k](/packages/mage-os-module-inventory-reservations-grid)[dotdigital/dotdigital-magento2-extension Dotdigital for Magento 2 50390.4k20](/packages/dotdigital-dotdigital-magento2-extension)[baldwin/magento2-module-url-data-integrity-checker Magento 2 module which can find potential url related problems in your catalog data 282806.2k](/packages/baldwin-magento2-module-url-data-integrity-checker) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)