Product Slider Widget for Magento 2

What you get

Panth Product Slider — Advanced 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.

Key Features

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

Use Cases

• 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

Widget Usage

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

Style Presets & Badges

Presets

Badge Positions

Compatibility

Installation

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.

Configuration

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

Each slider can override global defaults.

License

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