PHPackages mage2kishan/module-hero-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-hero-slider ActiveMagento2-module[Utility & Helpers](/categories/utility) mage2kishan/module-hero-slider ============================== Hero / homepage carousel for Magento 2 (Hyva + Luma). Center-focused 3-up Splide.js slider with autoplay, per-slide button styling, and responsive desktop/mobile artwork. Ships its own Splide assets — no theme dependency. 1.0.4(3w ago)019proprietaryPHPPHP ~8.1.0||~8.2.0||~8.3.0||~8.4.0 Since May 8Pushed yesterdayCompare [ Source](https://github.com/mage2sk/module-hero-slider)[ Packagist](https://packagist.org/packages/mage2kishan/module-hero-slider)[ RSS](/packages/mage2kishan-module-hero-slider/feed)WikiDiscussions main Synced 1w ago READMEChangelogDependencies (6)Versions (6)Used By (0) Panth Hero Slider for Magento 2 — Center-Focused Homepage Carousel (Hyva + Luma) | Panth Infotech ================================================================================================= [](#panth-hero-slider-for-magento-2--center-focused-homepage-carousel-hyva--luma--panth-infotech) [![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 Ready](https://camo.githubusercontent.com/7f08466bba6766d164eb33b23471c947c6437f815828b8ebdf01f4247d4b3519/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f487976612d52656164792d3134623861363f6c6f676f3d616c70696e65646f746a73266c6f676f436f6c6f723d7768697465)](https://hyva.io)[![Luma Compatible](https://camo.githubusercontent.com/2902eed9be588f567ca061553d73ea3fc0663c4bc2951cb8f6c05b218fb30287/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c756d612d436f6d70617469626c652d6632363332323f6c6f676f3d6d6167656e746f266c6f676f436f6c6f723d7768697465)](https://magento.com)[![Packagist](https://camo.githubusercontent.com/e70c38a5c8e2bca859eae04101dcad5d2f4671826a27ebb62cfc8eeda2a2c3a4/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5061636b61676973742d6d616765326b697368616e2532466d6f64756c652d2d6865726f2d2d736c696465722d6f72616e67653f6c6f676f3d7061636b6167697374266c6f676f436f6c6f723d7768697465)](https://packagist.org/packages/mage2kishan/module-hero-slider)[![Upwork Top Rated Plus](https://camo.githubusercontent.com/6f72584179420c41ed90432fd2579a4ed36199d4229e8181d20f353c1c4ee4eb/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f5570776f726b2d546f702532305261746564253230506c75732d3134613830303f6c6f676f3d7570776f726b266c6f676f436f6c6f723d7768697465)](https://www.upwork.com/freelancers/~016dd1767321100e21) > **A homepage hero that actually converts.** Panth Hero Slider is a production-grade center-focused carousel for Magento 2 — three slides visible at once with the active slide enlarged, peek of neighbouring slides on each side, autoplay with a generous read interval, and a single-slide responsive view below the mobile breakpoint. Per-slide button styling, separate desktop and mobile artwork, and zero theme dependency. The slider ships its own Splide assets (loaded lazily from a public CDN) and a framework-agnostic stylesheet, so it renders identically on Hyva and Luma without touching theme code. The module auto-injects into the CMS home page out of the box; turn that off and place the block manually anywhere via a layout reference if you prefer. --- Key Features ------------ [](#key-features) - **Center-focus 3-up carousel.** Active slide enlarged, neighbour slides peek from the left and right. - **Responsive breakpoint switch.** Below the configured pixel width: 1-slide-per-view + pagination dots, no arrows. - **Per-slide CTA button.** Configurable label, background colour, text colour — overlaid on the artwork. - **Separate desktop + mobile artwork.** `` with `` so mobile gets a properly-sized image. - **No theme coupling.** Plain CSS classes, no Tailwind / Knockout / Alpine dependency. Works on Hyva and Luma. - **Auto-injected on home page** by default; toggle off to place manually. - **Admin grid + form** with image upload, drag-free sort order, mass enable / disable / delete. - **Splide loaded lazily** after `DOMContentLoaded`, deduped across multiple sliders on the same page. - **Hardened against receiver outage** for the install / heartbeat reporter (Panth\_Core integration). Compatibility ------------- [](#compatibility) ComponentVersionsMagento Open Source / Adobe Commerce2.4.4 → 2.4.8PHP8.1, 8.2, 8.3, 8.4Hyva Theme1.3.x → 1.4.xLuma Themeshipped with above Magento versionsInstallation ------------ [](#installation) ``` composer require mage2kishan/module-hero-slider bin/magento module:enable Panth_HeroSlider bin/magento setup:upgrade bin/magento setup:di:compile bin/magento cache:flush ``` That's all that is needed for the module to register; the slider renders on the home page once you add slides. Configuration ------------- [](#configuration) **Stores → Configuration → Panth Infotech → Hero Slider** FieldDefaultNotesEnable Hero SliderYesMaster kill-switch.AutoplayYesDisable to require user interaction.Autoplay Interval (ms)`22000`Time between slide transitions.Slides Per Page (Desktop)`3`Active slide is the centre one.Show Arrows (Desktop)YesHidden automatically on mobile.Mobile Breakpoint (px)`1025`Below this width: 1 slide + pagination dots, no arrows.Auto-inject on CMS Home PageYesDisable to place the block manually via layout XML.Sliders, Slides, and Stores --------------------------- [](#sliders-slides-and-stores) The module is organised in three layers: 1. **Sliders** — top-level group with a unique `identifier` (e.g. `homepage_hero`, `category_promo`). A slider is assigned to one or more **store views**, or to "All Store Views" if it should appear everywhere. 2. **Slides** — belong to a slider. Each slide has its own artwork, button, link, and sort order. 3. **Placement** — each slider can be placed on the storefront via: - The CMS widget (any page, any layout handle). - Layout XML (a `before="-"` block in `cms_index_index.xml`, etc.). - The auto-inject toggle on the home page (uses the `homepage_hero` slider by default). ### Managing Sliders [](#managing-sliders) **Content → Panth Infotech → Hero Slider → Manage Sliders** FieldNotesNameAdmin label only.IdentifierLowercase letters, digits, hyphen, underscore. Used by widgets + layout XML.Store ViewsPick "All Store Views" to render on every storefront, or pick specific store views.ActiveDisable to instantly hide the slider on every store.### Placing a slider via the CMS widget [](#placing-a-slider-via-the-cms-widget) 1. Open any CMS page or block. 2. Insert widget → **Panth Hero Slider**. 3. Type the slider's `identifier` (e.g. `homepage_hero`). 4. Save the page. The widget renders inline wherever you placed it. ### Placing a slider via layout XML [](#placing-a-slider-via-layout-xml) ``` category_promo ``` The block renders nothing if the slider is disabled, missing, or has no slides for the current store — safe to leave in place permanently. Managing Slides --------------- [](#managing-slides) **Content → Panth Infotech → Hero Slider → Manage Slides** Each slide accepts: - **Title** (admin label, never shown on the storefront). - **Link URL** — destination when clicked. Absolute (`https://...`) or relative (`/path`). - **Active** + **Sort Order**. - **Button Label** — defaults to `SHOP NOW` if blank. - **Button Background Color** + **Button Text Color** — hex codes; default `#09090C` / `#FFFFFF`. - **Desktop Image** (required) — JPG, PNG, GIF, WebP, or SVG. Recommended ~ 1280 × 720. - **Mobile Image** (optional) — used below the mobile breakpoint, falls back to desktop. - **Image Alt Text** — used for both artworks. Analytics --------- [](#analytics) Every slide tracks **views and clicks** anonymously per device class (desktop / tablet / mobile). The data shows up in two places: - **Manage Slides grid** — Views (30d), Clicks (30d), CTR (30d) columns. - **Slide edit page** — Performance card with 30-day totals + 7-day comparison + per-device breakdown + 30-day daily timeline. The tracking endpoint (`POST /panth_heroslider/track/event`) is FPC-safe (no form\_key dependency), uses `navigator.sendBeacon` so navigation never blocks, and writes to a single counter table via atomic `INSERT ... ON DUPLICATE KEY UPDATE`. No PII is stored — no IP, no user agent, no session ID. A daily cron (`23 3 * * *`) prunes rows older than the configured retention window (default 365 days). Manual Placement (when auto-inject is disabled) ----------------------------------------------- [](#manual-placement-when-auto-inject-is-disabled) Drop the block into any layout handle: ``` ``` The block renders nothing if no slides are active — safe to leave in place permanently. Schema ------ [](#schema) One additive table is created on `setup:upgrade`: ``` panth_hero_slider_slide( entity_id, title, link_url, button_label, button_bg_color, button_text_color, image_desktop, image_mobile, image_alt, sort_order, is_active, created_at, updated_at ) ``` No destructive migrations across upgrades. Uninstall --------- [](#uninstall) ``` bin/magento module:disable Panth_HeroSlider composer remove mage2kishan/module-hero-slider bin/magento setup:upgrade ``` License ------- [](#license) Proprietary. All rights reserved by Panth Infotech. --- **Get a free quote in 24 hours:** [kishansavaliya.com/get-quote](https://kishansavaliya.com/get-quote)**Hire on Upwork:** [Top Rated Plus profile](https://www.upwork.com/freelancers/~016dd1767321100e21) ### Health Score 45 — FairBetter than 91% of packages Maintenance98 Actively maintained with recent releases Popularity9 Limited adoption so far Community6 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 ~1 days Total 5 Last Release 27d 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 (6 commits)") --- Tags carouselmagento2magento2 modulehyvalumasplidepanthhero-sliderhomepage-slider ### Embed Badge ![Health badge](/badges/mage2kishan-module-hero-slider/health.svg) ``` [![Health](https://phpackages.com/badges/mage2kishan-module-hero-slider/health.svg)](https://phpackages.com/packages/mage2kishan-module-hero-slider) ``` ### Alternatives [run-as-root/magento2-prometheus-exporter Magento2 Prometheus Exporter 68353.9k](/packages/run-as-root-magento2-prometheus-exporter)[mollie/magento2 Mollie Payment Module for Magento 2 1131.8M12](/packages/mollie-magento2)[loki/magento2-components Core module for defining Alpine.js components with advanced AJAX features 1010.0k22](/packages/loki-magento2-components)[mage-os/module-admin-activity-log The Admin Activity extension makes it easy to track all admin activity with comprehensive audit logging. 293.3k](/packages/mage-os-module-admin-activity-log)[opengento/module-category-import-export This module add the capability to import and export the categories from the back-office. 1310.2k1](/packages/opengento-module-category-import-export) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)