README

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.

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

🏆 Kishan Savaliya

Top Rated Plus on Upwork

100% Job Success • 10+ Years Magento Experience Adobe Certified • Hyva Specialist

🏢 Panth Infotech Agency

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

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

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+
Luma Theme	Native support
Required Dependency	`mage2kishan/module-core` (free)

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

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

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:

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.

Widget Usage

Via Magento Widget UI

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

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

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

Badge Positions

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

FAQ

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.

Support

Channel	Contact
Email	kishansavaliyakb@gmail.com
Website	kishansavaliya.com
WhatsApp	+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.

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

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

About Panth Infotech

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

mage2kishan / module-product-slider

Maintainers

Package info

Statistics

Security

README

Panth Product Slider — Advanced Product Slider Widget for Magento 2

🚀 Need Custom Magento 2 Development?

🏆 Kishan Savaliya

🏢 Panth Infotech Agency

Table of Contents

Key Features

Admin Slider Management

Product Selection & Category Filtering

Style Presets

Badge Positions

Slider Behavior

Widget for Any Page

Hyva + Luma Compatibility

Use Cases

Compatibility

Installation

Composer Installation (Recommended)

Manual Installation via ZIP

Verify Installation

Configuration

Widget Usage

Via Magento Widget UI

Via Layout XML

Via CMS Page / Block

Style Presets & Badges

Presets

Badge Positions

FAQ

Does Panth Product Slider work with Hyva?

Can I show a slider on the homepage?

Can I filter products by category?

Does it support autoplay and looping?

Can I customize badge colors and positions?

Does it slow down my store?

Does it support multi-store?

Is it MEQP compliant?

Support

💼 Need Custom Magento Development?

License

About Panth Infotech

Quick Links