Advanced Product Slider Widget for Magento 2 — complete admin slider management, polished style presets, flexible badge positions, category-based product filtering, autoplay, navigation arrows, pagination dots, sort options, hover effects, and a universal widget you can drop on any CMS page, category, product page, or layout block. Fully compatible with Hyva and Luma themes.
Panth Product Slider is a premium Magento 2 extension that lets merchants build beautiful, conversion-focused product carousels from the admin panel in minutes. Create unlimited sliders with full admin slider management, pick from ready-made style presets, enable badge positions for New / Sale / Hot / Featured tags, filter products by category or attribute, tune autoplay, arrows, dots, and sort options, add smooth hover effects, and embed the slider as a widget on any page of your storefront. The module ships production-ready markup and Alpine.js + Tailwind CSS for Hyva, plus Knockout + Swiper for Luma — a single extension, one admin, two storefronts.
Whether you want to showcase featured products, a related products carousel, bestsellers, new arrivals, or category-specific collections on the homepage, Panth Product Slider gives you the flexibility and speed to do it without writing a single line of code.
Get a free quote for your project in 24 hours — custom modules, Hyva themes, performance optimization, M1→M2 migrations, and Adobe Commerce Cloud.
|
Top Rated Plus on Upwork 100% Job Success • 10+ Years Magento Experience Adobe Certified • Hyva Specialist |
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
- Use Cases
- Compatibility
- Installation
- Configuration
- Widget Usage
- Style Presets & Badges
- FAQ
- Support
- About Panth Infotech
- Quick Links
- Unlimited sliders — create, edit, enable/disable, duplicate, and delete unlimited product sliders
- Full CRUD grid — familiar Magento admin grid with filters, mass actions, and store-view scope
- Per-slider settings — title, status, store views, sort order, product source, and slide options per entity
- Schedule sliders — optional start and end dates to run promotional sliders automatically
- Category-based filtering — pick one or multiple categories to pull products from
- Manual product selection — hand-pick specific SKUs for full control
- Dynamic sources — featured, new arrivals, bestsellers, on-sale, most-viewed, and related products
- Sort options — newest, price asc/desc, name, popularity, random, or custom sort order
- Product limit — cap the number of products per slider (default 12, up to 50)
- Ready-made presets — choose from modern, classic, minimal, boxed, and borderless presets
- Color & spacing tokens — inherits colors and radii from Panth Theme Customizer if installed
- Responsive breakpoints — separate slides-per-view for mobile, tablet, and desktop
- Gap control — configurable horizontal gap between slides
- Multiple badge slots — top-left, top-right, bottom-left, bottom-right corners
- Built-in badge types — New, Sale, Hot, Featured, and custom text badges
- Auto-apply rules — show Sale badge automatically when a special price is active
- Custom colors — override badge background and text color per slider
- Autoplay — optional autoplay with configurable delay and pause-on-hover
- Navigation arrows — show/hide left/right arrows with custom position
- Pagination dots — toggle dots, bullets, progress bar, or fraction indicator
- Loop mode — infinite loop for continuous browsing
- Touch & swipe — native touch support on mobile, keyboard and mouse-wheel on desktop
- Hover effects — smooth image swap, zoom, quick-view, add-to-cart, wishlist, and compare on hover
- Magento widget — drop the slider on any CMS page, category page, product page, or layout XML block
- Layout handle placement — target specific pages via layout XML (
cms_index_index,catalog_product_view, etc.) - Shortcode / block reference — reuse the same slider across multiple pages
- Per-placement overrides — customize title, limit, autoplay per placement
- Hyva — Alpine.js + Tailwind CSS, zero jQuery, Core Web Vitals friendly
- Luma — Knockout + Swiper with RequireJS, full backwards compatibility
- Automatic theme detection via
Panth\Core\Helper\Theme - Shared admin — a single admin UI drives both storefronts
- Homepage featured products carousel
- Related products and upsell sliders on product pages
- New arrivals and bestseller sliders on the homepage
- Category-specific sliders (e.g. "Top Picks in Electronics")
- Seasonal promotions scheduled with start/end dates
- Landing-page sliders for marketing campaigns and ad traffic
| 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+ |
| Luma Theme | Native support |
| Required Dependency | mage2kishan/module-core (free) |
composer require mage2kishan/module-product-slider
bin/magento module:enable Panth_Core Panth_ProductSlider
bin/magento setup:upgrade
bin/magento setup:di:compile
bin/magento setup:static-content:deploy -f
bin/magento cache:flush- Download the latest release ZIP from Packagist or the Adobe Commerce Marketplace
- Extract the contents to
app/code/Panth/ProductSlider/in your Magento installation - Install the free dependency:
composer require mage2kishan/module-core - Run the commands above starting from
bin/magento module:enable
bin/magento module:status Panth_ProductSlider
# Expected output: Module is enabledThen navigate to Admin → Panth Infotech → Product Slider → Manage Sliders.
Global settings live under Stores → Configuration → Panth Extensions → Product Slider:
| Setting | Default | Description |
|---|---|---|
| Enable Module | Yes | Master toggle for the extension |
| Default Style Preset | Modern | Default visual preset for new sliders |
| Default Autoplay | No | Whether new sliders autoplay by default |
| Autoplay Delay (ms) | 4000 | Delay between slide transitions |
| Show Arrows | Yes | Default arrows visibility for new sliders |
| Show Dots | Yes | Default pagination dots visibility |
| Loop | Yes | Default loop mode |
| Slides Per View (Desktop) | 4 | Default desktop breakpoint |
| Slides Per View (Tablet) | 3 | Default tablet breakpoint |
| Slides Per View (Mobile) | 1 | Default mobile breakpoint |
| Hover Effect | Image Swap | Default hover interaction |
| Enable Badges | Yes | Show New/Sale/Hot/Featured badges |
Each slider can override global defaults.
- Go to Content → Widgets → Add Widget
- Select Panth Product Slider as the widget type
- Pick the design theme and layout updates (CMS page, category, product page, etc.)
- Choose the saved slider and optional overrides (title, limit, autoplay)
- Save and flush cache
<referenceContainer name="content">
<block class="Panth\ProductSlider\Block\Widget\Slider"
name="home.featured.slider"
template="Panth_ProductSlider::widget/slider.phtml">
<arguments>
<argument name="slider_id" xsi:type="number">1</argument>
<argument name="title" xsi:type="string">Featured Products</argument>
</arguments>
</block>
</referenceContainer>{{widget type="Panth\ProductSlider\Block\Widget\Slider" slider_id="1" title="Top Picks"}}
| Preset | Description |
|---|---|
| Modern | Clean card with subtle shadow, rounded corners, large arrows |
| Classic | Traditional border, centered pagination dots |
| Minimal | Borderless cards, small arrows, wide gap |
| Boxed | Full-card background with inner padding |
| Borderless | No borders, flat design for minimalist themes |
| Slot | Typical Use |
|---|---|
| Top-Left | New, Hot |
| Top-Right | Sale, Featured |
| Bottom-Left | Custom text (e.g. "Free Shipping") |
| Bottom-Right | Stock status, discount percentage |
Yes. The module ships dedicated Hyva templates using Alpine.js + Tailwind CSS. It automatically switches between Hyva and Luma markup via Panth\Core\Helper\Theme.
Yes — add it via Content → Widgets with layout handle cms_index_index, or insert the widget shortcode directly into the homepage CMS block.
Yes. In the admin slider editor, pick one or multiple categories, or switch to Manual selection and hand-pick SKUs.
Yes. Both are configurable globally and per-slider, with autoplay delay, pause-on-hover, and infinite loop options.
Yes. Each slider has its own badge settings, and you can override badge text, colors, and corner position per badge type.
No. On Hyva the slider uses Alpine.js with no jQuery. On Luma it lazy-loads Swiper only on pages where the slider renders. Images use native lazy loading.
Yes. Every slider supports per-store-view scope for title, product selection, and visibility.
Yes. The module passes Adobe's Magento Extension Quality Program with zero severity-10 violations.
| Channel | Contact |
|---|---|
| kishansavaliyakb@gmail.com | |
| Website | kishansavaliya.com |
| +91 84012 70422 | |
| GitHub Issues | github.com/mage2sk/module-product-slider/issues |
| Upwork (Top Rated Plus) | Hire Kishan Savaliya |
| Upwork Agency | Panth Infotech |
Response time: 1-2 business days. Priority support is available with paid support plans.
Looking for custom Magento module development, Hyva theme customization, store migrations, or performance optimization? Get a free quote in 24 hours:
Panth Product Slider is licensed under a proprietary commercial license — see LICENSE.txt. One license covers one production Magento installation (multi-store allowed within that installation).
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-product-slider
- 🐙 GitHub: github.com/mage2sk/module-product-slider
- 🛒 Adobe Marketplace: commercemarketplace.adobe.com
- 📧 Email: kishansavaliyakb@gmail.com
- 📱 WhatsApp: +91 84012 70422
Ready to upgrade your Magento 2 store?
SEO Keywords: magento 2 product slider, product carousel, related products, featured products slider, swiper magento, magento 2 carousel widget, magento 2 product carousel extension, hyva product slider, luma product slider, magento 2 bestsellers slider, new arrivals slider magento, magento 2 category products slider, magento 2 homepage slider, magento 2 upsell slider, magento 2 cross-sell slider, product slider widget magento 2, magento 2 owl carousel, magento 2 slick slider, magento 2 autoplay slider, magento 2 touch slider mobile, magento 2.4.8 slider, php 8.4 slider module, panth product slider, panth infotech, mage2kishan, mage2sk, kishan savaliya magento, top rated plus magento freelancer, hire magento developer upwork, custom magento development, magento 2 hyva development, magento 2 luma customization, magento 2 performance optimization, magento 2 conversion rate optimization