PHPackages mage2kishan/module-product-slider - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. mage2kishan/module-product-slider ActiveMagento2-module[Utility & Helpers](/categories/utility) mage2kishan/module-product-slider ================================= Advanced Product Slider widget with extensive customization options for Magento 2 1.0.4(1mo ago)020↓50%1proprietaryPHPPHP ~8.1.0||~8.2.0||~8.3.0||~8.4.0 Since Apr 16Pushed yesterdayCompare [ Source](https://github.com/mage2sk/module-product-slider)[ Packagist](https://packagist.org/packages/mage2kishan/module-product-slider)[ RSS](/packages/mage2kishan-module-product-slider/feed)WikiDiscussions main Synced 1w ago READMEChangelogDependencies (5)Versions (6)Used By (1) Panth Product Slider — Advanced Product Slider Widget for Magento 2 =================================================================== [](#panth-product-slider--advanced-product-slider-widget-for-magento-2) [![Magento 2.4.4 - 2.4.8](https://camo.githubusercontent.com/079c832211eed4f9451ebe264e3865f825b0f9f31b041cbf03676c6e254535d4/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4d6167656e746f2d322e342e342532302d2d253230322e342e382d6f72616e67653f6c6f676f3d6d6167656e746f266c6f676f436f6c6f723d7768697465)](https://magento.com)[![PHP 8.1 - 8.4](https://camo.githubusercontent.com/56b3cce18841623e2cbed2ebf09b06be1be8807e99e6e054a89d304ab4790b8e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5048502d382e312532302d2d253230382e342d626c75653f6c6f676f3d706870266c6f676f436f6c6f723d7768697465)](https://php.net)![Hyva + Luma](https://camo.githubusercontent.com/fcf64a57dbbf4c4952228c927dc6341b207c16d70b48f8e7e79a03fdf0fcac6e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5468656d652d487976612532302532422532304c756d612d304439343838)[![Packagist](https://camo.githubusercontent.com/cb02c4c22b9a19466ce8141fd322ac3ef3eefb18b76a567fbe51ff1ac98554ed/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5061636b61676973742d6d616765326b697368616e2532466d6f64756c652d2d70726f647563742d2d736c696465722d6f72616e67653f6c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465)](https://packagist.org/packages/mage2kishan/module-product-slider)[![GitHub](https://camo.githubusercontent.com/6aab93a1eb1c7850297e97f35ae4b720cec395bf84930027be226fa05249fb3f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4769744875622d6d61676532736b2532466d6f64756c652d2d70726f647563742d2d736c696465722d3138313731373f6c6f676f3d676974687562266c6f676f436f6c6f723d7768697465)](https://github.com/mage2sk/module-product-slider)[![Upwork Top Rated Plus](https://camo.githubusercontent.com/6f72584179420c41ed90432fd2579a4ed36199d4229e8181d20f353c1c4ee4eb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5570776f726b2d546f702532305261746564253230506c75732d3134613830303f6c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/freelancers/~016dd1767321100e21)[![Panth Infotech Agency](https://camo.githubusercontent.com/401a792e990131002e91054d1b04494af5a2152fcc891ca000eb683786770abf/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4167656e63792d50616e7468253230496e666f746563682d3134613830303f6c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/agencies/1881421506131960778/)[![Website](https://camo.githubusercontent.com/f1ae86d28e2b505aee60f240d3e5508e390b0a8dc7a9b7ecf1b450fad862053f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f576562736974652d6b697368616e736176616c6979612e636f6d2d304439343838)](https://kishansavaliya.com) > **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? ------------------------------------ [](#-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. [ ![Get a Free Quote](https://camo.githubusercontent.com/eac8c45d21cff8b139ddc392325f3bd6c8266a6f3d7b23f15131c958f3d3c8d0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f476574253230612532304672656525323051756f74652532302545322538362539322d5265706c7925323077697468696e2532303234253230686f7572732d4443323632363f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/get-quote) ### 🏆 Kishan Savaliya [](#-kishan-savaliya) **Top Rated Plus on Upwork** [![Hire on Upwork](https://camo.githubusercontent.com/b69353d3c6e192f4d03cc36bb8883612004e32f54dd2dbcc1e700dd791acd875/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f486972652532306f6e2532305570776f726b2d546f702532305261746564253230506c75732d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/freelancers/~016dd1767321100e21) 100% Job Success • 10+ Years Magento Experience Adobe Certified • Hyva Specialist ### 🏢 Panth Infotech Agency [](#-panth-infotech-agency) **Magento Development Team** [![Visit Agency](https://camo.githubusercontent.com/bbf04bdd2aff502082508568ec42ace3a7475c98756f596e2013056c89726ed6/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f56697369742532304167656e63792d50616e7468253230496e666f746563682d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/agencies/1881421506131960778/) Custom Modules • Theme Design • Migrations Performance • SEO • Adobe Commerce Cloud **Visit our website:** [kishansavaliya.com](https://kishansavaliya.com) | **Get a quote:** [kishansavaliya.com/get-quote](https://kishansavaliya.com/get-quote) --- Table of Contents ----------------- [](#table-of-contents) - [Key Features](#key-features) - [Use Cases](#use-cases) - [Compatibility](#compatibility) - [Installation](#installation) - [Configuration](#configuration) - [Widget Usage](#widget-usage) - [Style Presets & Badges](#style-presets--badges) - [FAQ](#faq) - [Support](#support) - [About Panth Infotech](#about-panth-infotech) - [Quick Links](#quick-links) --- Key Features ------------ [](#key-features) ### Admin Slider Management [](#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 [](#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 [](#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 [](#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 [](#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 [](#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--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 --------- [](#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 ------------- [](#compatibility) RequirementVersions SupportedMagento Open Source2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8Adobe Commerce2.4.4, 2.4.5, 2.4.6, 2.4.7, 2.4.8Adobe Commerce Cloud2.4.4 — 2.4.8PHP8.1.x, 8.2.x, 8.3.x, 8.4.xHyva Theme1.3+Luma ThemeNative supportRequired Dependency`mage2kishan/module-core` (free)--- Installation ------------ [](#installation) ### Composer Installation (Recommended) [](#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 [](#manual-installation-via-zip) 1. Download the latest release ZIP from [Packagist](https://packagist.org/packages/mage2kishan/module-product-slider) or the [Adobe Commerce Marketplace](https://commercemarketplace.adobe.com) 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 [](#verify-installation) ``` bin/magento module:status Panth_ProductSlider # Expected output: Module is enabled ``` Then navigate to **Admin → Panth Infotech → Product Slider → Manage Sliders**. --- Configuration ------------- [](#configuration) Global settings live under **Stores → Configuration → Panth Extensions → Product Slider**: SettingDefaultDescriptionEnable ModuleYesMaster toggle for the extensionDefault Style PresetModernDefault visual preset for new slidersDefault AutoplayNoWhether new sliders autoplay by defaultAutoplay Delay (ms)4000Delay between slide transitionsShow ArrowsYesDefault arrows visibility for new slidersShow DotsYesDefault pagination dots visibilityLoopYesDefault loop modeSlides Per View (Desktop)4Default desktop breakpointSlides Per View (Tablet)3Default tablet breakpointSlides Per View (Mobile)1Default mobile breakpointHover EffectImage SwapDefault hover interactionEnable BadgesYesShow New/Sale/Hot/Featured badgesEach slider can override global defaults. --- Widget Usage ------------ [](#widget-usage) ### Via Magento Widget UI [](#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 [](#via-layout-xml) ``` 1 Featured Products ``` ### Via CMS Page / Block [](#via-cms-page--block) ``` {{widget type="Panth\ProductSlider\Block\Widget\Slider" slider_id="1" title="Top Picks"}} ``` --- Style Presets & Badges -------------------------- [](#style-presets--badges) ### Presets [](#presets) PresetDescriptionModernClean card with subtle shadow, rounded corners, large arrowsClassicTraditional border, centered pagination dotsMinimalBorderless cards, small arrows, wide gapBoxedFull-card background with inner paddingBorderlessNo borders, flat design for minimalist themes### Badge Positions [](#badge-positions-1) SlotTypical UseTop-LeftNew, HotTop-RightSale, FeaturedBottom-LeftCustom text (e.g. "Free Shipping")Bottom-RightStock status, discount percentage--- FAQ --- [](#faq) ### Does Panth Product Slider work with Hyva? [](#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? [](#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? [](#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? [](#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? [](#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? [](#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? [](#does-it-support-multi-store) Yes. Every slider supports per-store-view scope for title, product selection, and visibility. ### Is it MEQP compliant? [](#is-it-meqp-compliant) Yes. The module passes Adobe's Magento Extension Quality Program with zero severity-10 violations. --- Support ------- [](#support) ChannelContactEmailWebsite[kishansavaliya.com](https://kishansavaliya.com)WhatsApp+91 84012 70422GitHub Issues[github.com/mage2sk/module-product-slider/issues](https://github.com/mage2sk/module-product-slider/issues)Upwork (Top Rated Plus)[Hire Kishan Savaliya](https://www.upwork.com/freelancers/~016dd1767321100e21)Upwork Agency[Panth Infotech](https://www.upwork.com/agencies/1881421506131960778/)Response time: 1-2 business days. Priority support is available with paid support plans. ### 💼 Need Custom Magento Development? [](#-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: [ ![Get a Free Quote](https://camo.githubusercontent.com/0d9512dc4f89ef40179e9f650fd0786b6bc846d289ab2cb04a223a43f2833eeb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f254630253946253932254143253230476574253230612532304672656525323051756f74652d6b697368616e736176616c6979612e636f6d2532466765742d2d71756f74652d4443323632363f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/get-quote) [ ![Hire on Upwork](https://camo.githubusercontent.com/fad56e8be7896e39593f090cd2ed32e6bf86b4b6e75974cf292aee99d45f5077/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f486972652532304b697368616e2d546f702532305261746564253230506c75732d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465) ](https://www.upwork.com/freelancers/~016dd1767321100e21) [ ![Visit Agency](https://camo.githubusercontent.com/fdf45a9d937d72b896f5e2557337d47efebc0e06b7ad4d4c162c0a64375a62fa/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f56697369742d50616e7468253230496e666f746563682532304167656e63792d3134613830303f7374796c653d666f722d7468652d6261646765266c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465) ](https://www.upwork.com/agencies/1881421506131960778/) [ ![Visit Website](https://camo.githubusercontent.com/7455559317a374eb3eb536c5ea201ca2c2a29bc13d82cc127278975a680d552c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5669736974253230576562736974652d6b697368616e736176616c6979612e636f6d2d3044393438383f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com) --- License ------- [](#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 -------------------- [](#about-panth-infotech) Built and maintained by **Kishan Savaliya** — [kishansavaliya.com](https://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](https://commercemarketplace.adobe.com) or [Packagist](https://packagist.org/packages/mage2kishan/). ### Quick Links [](#quick-links) - 🌐 **Website:** [kishansavaliya.com](https://kishansavaliya.com) - 💬 **Get a Quote:** [kishansavaliya.com/get-quote](https://kishansavaliya.com/get-quote) - 👨‍💻 **Upwork Profile (Top Rated Plus):** [upwork.com/freelancers/~016dd1767321100e21](https://www.upwork.com/freelancers/~016dd1767321100e21) - 🏢 **Upwork Agency:** [upwork.com/agencies/1881421506131960778](https://www.upwork.com/agencies/1881421506131960778/) - 📦 **Packagist:** [packagist.org/packages/mage2kishan/module-product-slider](https://packagist.org/packages/mage2kishan/module-product-slider) - 🐙 **GitHub:** [github.com/mage2sk/module-product-slider](https://github.com/mage2sk/module-product-slider) - 🛒 **Adobe Marketplace:** [commercemarketplace.adobe.com](https://commercemarketplace.adobe.com) - 📧 **Email:** - 📱 **WhatsApp:** +91 84012 70422 --- **Ready to upgrade your Magento 2 store?** [ ![Get Started](https://camo.githubusercontent.com/66dee04430af977df988ac18454416f2f08a5169868a0d0689061b7e8db6f8ca/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f254630253946253941253830253230476574253230537461727465642532302545322538362539322d4672656525323051756f7465253230696e2532303234682d4443323632363f7374796c653d666f722d7468652d6261646765) ](https://kishansavaliya.com/get-quote) --- **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 ### Health Score 44 — FairBetter than 90% of packages Maintenance97 Actively maintained with recent releases Popularity8 Limited adoption so far Community8 Small or concentrated contributor base Maturity55 Maturing project, gaining track record Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~5 days Total 5 Last Release 32d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/343e344aa298f189db888b32d62f9202d31ced1a5ea23411850a63dc4a30299c?d=identicon)[kishansavaliya](/maintainers/kishansavaliya) --- Top Contributors [![KishanSavaliya](https://avatars.githubusercontent.com/u/16853223?v=4)](https://github.com/KishanSavaliya "KishanSavaliya (12 commits)") ### Embed Badge ![Health badge](/badges/mage2kishan-module-product-slider/health.svg) ``` [![Health](https://phpackages.com/badges/mage2kishan-module-product-slider/health.svg)](https://phpackages.com/packages/mage2kishan-module-product-slider) ``` ### Alternatives [run-as-root/magento2-prometheus-exporter Magento2 Prometheus Exporter 68353.9k](/packages/run-as-root-magento2-prometheus-exporter)[baldwin/magento2-module-url-data-integrity-checker Magento 2 module which can find potential url related problems in your catalog data 282806.2k](/packages/baldwin-magento2-module-url-data-integrity-checker)[loki/magento2-components Core module for defining Alpine.js components with advanced AJAX features 1010.0k22](/packages/loki-magento2-components)[customgento/module-cookiebot-m2 This Magento 2 module integrates Cookiebot into your store. 2468.3k](/packages/customgento-module-cookiebot-m2)[mage-os/module-inventory-reservations-grid Add a grid with the list of inventory reservations. 1512.6k](/packages/mage-os-module-inventory-reservations-grid) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)