Configurable Thumbnail Layouts
Horizontal layout — traditional strip of thumbnails below the main image
Custom Product Image Gallery for Magento 2
Custom Product Image Gallery for Magento 2 — replace the default product media gallery with a fast, configurable gallery supporting horizontal, vertical and grid thumbnail layouts, inner and lens image zoom, fullscreen lightbox, responsi…
Magento 2.4.6–2.4.8
PHP 8.1–8.4
Hyva + Luma Ready
Free
Key Features:
- Configurable Thumbnail Layouts
- Image Zoom Modes
- Responsive Navigation
- Theme Support
Additional Services
$0.00
In stock
SKU
panth-productgallery
Lifetime Updates
Every Magento release
1-Year Free Support
Email + WhatsApp
Adobe-Certified
Magento 2 Developer
Free Forever
No subscription, no upsell
What you get
Everything in the box
Built-in from day one. No add-ons, no upsell, no licence keys to renew.
Image Zoom Modes
Inner zoom — magnify the image in place on hover, no overlay required
Responsive Navigation
Prev/next arrows with keyboard support (arrow keys, Escape to close)
Theme Support
Hyva compatible — Alpine.js components, Tailwind CSS utility classes, no jQuery
SEO & Accessibility
Alt text from Panth Advanced SEO — optional soft dependency; when installed, every image pulls its AI-generated alt text automatically
Performance
No jQuery on Hyva — pure Alpine.js, minimal JS payload
Overview
Panth Product Gallery is a custom product image gallery extension for Magento 2 and Adobe Commerce that replaces the default media gallery with a fast, configurable gallery supporting horizontal, vertical, and grid thumbnail layouts.
The Panth Product Gallery module gives merchants total control over how product images render on the product detail page. Choose between horizontal thumbnails (the classic strip below the main image), vertical thumbnails (a side rail on desktop that collapses to a strip on mobile), or a grid layout in the Amazon and Etsy style that shows every image at once. Thumbnail count, pixel dimensions, and active-state styling (border, shadow, scale transitions) are all admin-configurable.
Three zoom modes ship out of the box: inner zoom for in-place hover magnification, lens zoom for a floating magnifier window, and a fullscreen lightbox that opens the full-resolution image with swipe gestures and keyboard navigation. Every interaction is touch-friendly, responsive, and tuned for Core Web Vitals on Hyvä (Alpine.js + Tailwind) and Luma (Knockout.js) storefronts — so the new gallery never costs the merchant CLS or LCP budget.
When Panth Advanced SEO is installed alongside, the gallery automatically pulls AI-generated alt text into every img tag for accessibility and image-search SEO. The soft dependency means the gallery still works standalone — alt text simply falls back to the product name and image label.
Best for:
- Fashion, jewelry, and lifestyle catalogs where image presentation drives conversion
- Merchants migrating from Luma to Hyvä who need feature parity for the product gallery
- Stores already running Panth Advanced SEO that want AI alt text wired into every gallery image
What you get
Panth Product Gallery ships every PDP image control a modern Magento 2 storefront needs:
- Horizontal, vertical, and grid thumbnail layouts with configurable count and dimensions
- Inner zoom, lens zoom, and fullscreen lightbox with swipe and keyboard navigation
- Touch-friendly, responsive behavior tuned for Core Web Vitals on Hyvä and Luma
- Soft Panth Advanced SEO integration for automatic AI-generated img alt text
- Active-state thumbnail styling — border, shadow, and scale transitions, all admin-driven
Custom Product Image Gallery for Magento 2 | Panth Product Gallery
Custom Product Image Gallery for Magento 2 — replace the default product media gallery with a fast, configurable gallery supporting horizontal, vertical and grid thumbnail layouts, inner and lens image zoom, fullscreen lightbox, responsive navigation, full Hyva and Luma compatibility, and an optional soft dependency on Panth Advanced SEO for automatic image alt-text generation.
Panth Product Gallery gives merchants total control over how product images are presented on the product detail page. Choose between horizontal thumbnails (classic below-main-image strip), vertical thumbnails (side rail on desktop, strip on mobile), or a grid layout (Amazon/Etsy style). Enable inner zoom for hover magnification directly inside the main image, lens zoom for a floating magnifier window, or a fullscreen lightbox that opens the full-resolution image with swipe and keyboard navigation. Everything is responsive, touch-friendly, and tuned for Core Web Vitals on both Hyva (Alpine.js + Tailwind) and Luma (Knockout.js) storefronts. When Panth Advanced SEO is installed, the gallery automatically pulls AI-generated alt text into every <img> tag for better accessibility and SEO.
Key Features
Configurable Thumbnail Layouts
- Horizontal layout — traditional strip of thumbnails below the main image
- Vertical layout — thumbnails on the side rail (desktop), collapsing to a horizontal strip on mobile
- Grid layout — Amazon/Etsy-style multi-column grid showing all images at once
- Thumbnail count & size — configurable number of visible thumbnails and pixel dimensions
- Active state styling — border, shadow, and scale transitions for the selected thumbnail
Image Zoom Modes
- Inner zoom — magnify the image in place on hover, no overlay required
- Lens zoom — floating magnifier lens with a side preview window
- Fullscreen lightbox — click to open the full-resolution image in a modal with swipe, pinch-zoom, and keyboard navigation
- Zoom level control — adjustable zoom factor (1.5x to 4x)
- Touch-friendly — pinch-zoom and swipe gestures on mobile and tablet
Responsive Navigation
- Prev/next arrows with keyboard support (arrow keys, Escape to close)
- Dot indicators and image counter (e.g. "3 / 12")
- Swipe navigation on touch devices
- Auto-slide option with configurable interval
- Infinite loop or stop-at-ends behaviour
Theme Support
- Hyva compatible — Alpine.js components, Tailwind CSS utility classes, no jQuery
- Luma compatible — Knockout.js bindings that cleanly replace the default
gallery.phtml - Automatic theme detection — via
Panth\Core\Helper\Theme, the correct template is served without any manual switching - Child-theme safe — templates can be overridden from your own custom theme
SEO & Accessibility
- Alt text from Panth Advanced SEO — optional soft dependency; when installed, every image pulls its AI-generated alt text automatically
- Semantic HTML — proper
<figure>,<img>,aria-label, androleattributes - Keyboard navigable — full keyboard support (Tab, Enter, arrows, Escape)
- Lazy loading —
loading="lazy"anddecoding="async"on non-primary images - Structured image URLs — preserves Magento media paths for CDN compatibility
Performance
- No jQuery on Hyva — pure Alpine.js, minimal JS payload
- CSS-only transitions where possible — hardware-accelerated transforms
- Lazy-loaded thumbnails — off-screen thumbs defer loading
- Optimized for Core Web Vitals — minimal CLS, fast LCP on the main image
Advanced SEO Integration
Panth Product Gallery has a soft dependency on Panth Advanced SEO. When Advanced SEO is installed and enabled, the gallery automatically uses its AI-generated image alt text for every <img> tag — no manual alt text management required.
Without Advanced SEO, the gallery falls back to Magento's standard image label / product name pattern. You can still use the gallery fully without installing Advanced SEO; the integration is purely additive.
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-productgallery
- GitHub: github.com/mage2sk/module-productgallery
- Adobe Marketplace: commercemarketplace.adobe.com
- Email: kishansavaliyakb@gmail.com
- WhatsApp: +91 84012 70422
Ready to upgrade your Magento 2 product pages?
SEO Keywords: magento 2 product gallery, magento 2 image zoom, magento 2 lightbox, magento 2 product images, magento 2 gallery widget, magento 2 thumbnail layout, hyva product gallery, luma product gallery, magento 2 product image slider, magento 2 fullscreen image, magento 2 zoom extension, magento 2 product media gallery, magento 2 inner zoom, magento 2 lens zoom, magento 2 product page gallery, magento 2 PDP gallery, magento 2 responsive gallery, magento 2 mobile gallery, magento 2 image alt text, magento 2 SEO gallery, panth product gallery, panth infotech, hire magento developer, top rated plus upwork, kishan savaliya magento, mage2kishan, mage2sk, magento 2.4.8 gallery, php 8.4 magento module, hyva gallery alpine js, luma gallery knockout, magento 2 product image customization
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+ (fully supported) |
| Luma Theme | Native support |
| Panth_Core | Required (free) |
| Panth_AdvancedSEO | Optional (soft dependency for alt text) |
Tested on:
- Magento 2.4.8-p4 with PHP 8.4 (Hyva 1.3.x)
- Magento 2.4.7 with PHP 8.3 (Luma)
- Magento 2.4.6 with PHP 8.2
Installation
Composer Installation (Recommended)
composer require mage2kishan/module-productgallery
bin/magento module:enable Panth_Core Panth_ProductGallery
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 ZIP from Packagist or the Adobe Commerce Marketplace
- Extract the contents to
app/code/Panth/ProductGallery/in your Magento installation - Run the same commands as above starting from
bin/magento module:enable
Verify Installation
bin/magento module:status Panth_ProductGallery
# Expected output: Module is enabled
After installation, navigate to:
Admin → Stores → Configuration → Panth Extensions → Product Gallery
Configuration
All settings live at Stores → Configuration → Panth Extensions → Product Gallery.
General
| Setting | Default | Description |
|---|---|---|
| Enable Module | Yes | Master toggle for the custom gallery. Disable to fall back to Magento's default gallery. |
| Thumbnail Layout | Horizontal | Choose Horizontal, Vertical, or Grid. |
| Thumbnail Count | 5 | Visible thumbnails before scrolling (horizontal/vertical). |
| Thumbnail Size | 80px | Pixel dimensions for each thumbnail. |
Zoom
| Setting | Default | Description |
|---|---|---|
| Zoom Mode | Inner | Choose Inner, Lens, Lightbox, or Disabled. |
| Zoom Level | 2.0x | Magnification factor (1.5x - 4x). |
| Enable Fullscreen Lightbox | Yes | Click to open the full-size image in a modal. |
| Enable Pinch Zoom (mobile) | Yes | Pinch-to-zoom inside the lightbox. |
Navigation
| Setting | Default | Description |
|---|---|---|
| Show Prev/Next Arrows | Yes | Display navigation arrows on the main image. |
| Show Dot Indicators | No | Show a row of dot indicators below the main image. |
| Show Image Counter | Yes | Show "3 / 12" counter overlay. |
| Enable Keyboard Navigation | Yes | Arrow keys, Escape, Enter. |
| Enable Auto-Slide | No | Auto-advance the main image. |
| Auto-Slide Interval | 5s | Seconds between slides when auto-slide is on. |
| Module Category | Catalog & Products |
|---|---|
| Best For | All Sizes |
FAQ
Frequently Asked Questions
Does this replace Magento's default product gallery?
Yes, on the product detail page. When the module is enabled, the default gallery.phtml is replaced with the Panth gallery (one template for Hyva, another for Luma — chosen automatically).
Does it work with configurable product swatches?
Yes. When a customer picks a colour/size swatch, the gallery swaps to the correct variant images using Magento's standard gallery JSON payload.
Does it work with video (YouTube / Vimeo)?
Yes. Magento product video entries are rendered inline with a play-button thumbnail; clicking opens the video in the lightbox.
Is Hyva compatible?
Yes — fully. The module ships an Alpine.js implementation that does not depend on jQuery or Knockout, and installs automatically when the store theme is Hyva.
Does it affect Core Web Vitals?
Positively. The Hyva implementation uses a minimal JS payload and lazy-loads thumbnails, which typically improves LCP and reduces CLS versus the default gallery.
Can I override the template in my child theme?
Yes. Copy view/frontend/templates/product/view/gallery.phtml (Luma) or the equivalent file under the Hyva area into your own theme and customize freely.
Does it support multi-store and multi-language?
Yes. All configuration respects Magento's scope hierarchy (default → website → store view) and all user-facing strings are translatable via Magento's __() function.
Does it require Panth Advanced SEO?
No, it is an optional soft dependency. Advanced SEO only improves alt-text quality; the gallery works standalone.
How is this different from a traditional antivirus?
Panth Malware Scanner is built specifically for Magento 2 filesystems — it understands the directory layout, knows which folders are writable from the frontend, and ships signatures tuned for Magento-targeted threats (Magecart skimmers, PolyShell webshells, admin-layout injection). Traditional AV tools scan everything with generic signatures and produce noise.
Does this module change how Magento calculates custom option prices?
No. All price-delta logic continues to flow through Magento's standard priceBox and price-option JS components. This module only replaces the visual rendering.
Does Panth Footer replace the default Magento footer?
Yes. When enabled, Panth Footer takes over the footer.container block and renders its own configurable footer. You can disable it any time to restore the default footer.
Do I have to pay for Panth Core?
No. Panth Core is completely free and will remain free forever. It is the foundation library that other (paid) Panth extensions depend on.
Does this work on Hyva themes?
Yes. The module ships Hyva-native templates using Alpine.js and Tailwind. No jQuery required.
Does Panth Mega Menu work on both Hyva and Luma?
Yes. The module ships with two purpose-built templates — Alpine.js + Tailwind for Hyva and vanilla JS for Luma — and auto-switches based on your active storefront theme.
Can I have more than one banner slider on the same page?
Yes. Create as many sliders as you want in the admin and place each one via its own widget or layout block. Each slider maintains independent configuration and slides.
Does it work for guests?
Yes, guests can subscribe with their email address. You can optionally require login via admin config.
Does this submit URLs to Google?
No. Google does not participate in IndexNow and has stated they maintain their own crawl schedule. For Google indexing, use a proper XML sitemap and Google Search Console. This module is specifically for the IndexNow ecosystem (Bing, Yandex, Seznam, Naver, Yep).
How many forms can I create?
Unlimited. Each form has a unique identifier and its own submissions scope.
Need this customised?
Talk to Kishan directly — written quote, scope and timeline within 24 hours. No sales call.
Custom Product Image Gallery for Magento 2
$0.00
You might also like
Related products
Step up