Product Slider Widget for Magento 2

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.

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

Admin Slider Management

• 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

Product Selection & Category Filtering

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

Style Presets

• 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

Badge Positions

• 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

Slider Behavior

• 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

Widget for Any Page

• 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 + Luma Compatibility

• 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

Composer Installation (Recommended)

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

Manual Installation via ZIP

1. Download the latest release ZIP from Packagist or the Adobe Commerce Marketplace
2. Extract the contents to app/code/Panth/ProductSlider/ in your Magento installation
3. Install the free dependency: composer require mage2kishan/module-core
4. Run the commands above starting from bin/magento module:enable

Verify Installation

bin/magento module:status Panth_ProductSlider
# Expected output: Module is enabled

Then navigate to Admin → Panth Infotech → Product Slider → Manage Sliders.

Global settings live under Stores → Configuration → Panth Extensions → Product Slider:

Each slider can override global defaults.

Via Magento Widget UI

1. Go to Content → Widgets → Add Widget
2. Select Panth Product Slider as the widget type
3. Pick the design theme and layout updates (CMS page, category, product page, etc.)
4. Choose the saved slider and optional overrides (title, limit, autoplay)
5. Save and flush cache

Via Layout XML

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

Via CMS Page / Block

{{widget type="Panth\ProductSlider\Block\Widget\Slider" slider_id="1" title="Top Picks"}}

Presets

Badge Positions

Does Panth Product Slider work with Hyva?

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.

Can I show a slider on the homepage?

Yes — add it via Content → Widgets with layout handle cms_index_index, or insert the widget shortcode directly into the homepage CMS block.

Can I filter products by category?

Yes. In the admin slider editor, pick one or multiple categories, or switch to Manual selection and hand-pick SKUs.

Does it support autoplay and looping?

Yes. Both are configurable globally and per-slider, with autoplay delay, pause-on-hover, and infinite loop options.

Can I customize badge colors and positions?

Yes. Each slider has its own badge settings, and you can override badge text, colors, and corner position per badge type.

Does it slow down my store?

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.

Does it support multi-store?

Yes. Every slider supports per-store-view scope for title, product selection, and visibility.

Is it MEQP compliant?

Yes. The module passes Adobe's Magento Extension Quality Program with zero severity-10 violations.

Response time: 1-2 business days. Priority support is available with paid support plans.

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:

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.

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