maniyatech/magento2-hyva-homepage-banner-slider

A responsive and customizable Magento 2 homepage banner slider for Hyvä Themes using Splide.js, with support for lazy loading, multi-store views, and image upload configuration.

Maintainers

Details

github.com/maniyatech/magento2-hyva-homepage-banner-slider

Source

Issues

Installs: 0

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 0

Forks: 0

Open Issues: 0

Language:HTML

Type:magento2-module

1.0.0 2025-05-16 04:36 UTC

Requires

proprietary 8f077f6b7a02cb6007e08b93bd68816cf07386bc

  • ManiyaTech <help.maniyatech.woop@gmail.com>

This package is auto-updated.

Last update: 2025-05-16 04:42:49 UTC

README

The ManiyaTech_HyvaHomepageBannerSlider module enables Magento 2 store owners to display a fully responsive, lightweight, and customizable homepage banner slider, built specifically for Hyvä Themes using Splide.js.

It supports separate images for desktop and mobile, customizable titles and buttons, lazy loading, preload, and multi-store views. The slider is designed with performance, accessibility, and Magento coding standards in mind.

✨ Features

  • 📱 Responsive design for mobile and desktop
  • 🎞️ Built with Splide.js
  • 🖼️ Separate desktop/mobile image support
  • 🧠 Configurable options (autoplay, arrows, dots, slide count)
  • 🧩 Multi-store view compatible
  • ⚙️ Admin grid and backend configuration
  • ⚡ Lazy loading and image preload support
  • 🧼 Follows Magento and Hyvä coding standards

How to install ManiyaTech_HyvaHomepageBannerSlider module

Composer Installation

Run the following command in Magento 2 root directory to install ManiyaTech_HyvaHomepageBannerSlider module via composer.

Install

composer require maniyatech/magento2-hyva-homepage-banner-slider
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy -f

Let Hyvä recognize the module:

php bin/magento hyva:config:generate

Generate Tailwind CSS:

npm --prefix vendor/hyva-themes/magento2-default-theme/web/tailwind run build-prod

If you're using a custom theme:

npm --prefix app/design/frontend/<Vendor>/<Theme>/web/tailwind run build-prod

Update

composer update maniyatech/magento2-hyva-homepage-banner-slider
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy -f

Run below command if your store is in the production mode:

php bin/magento setup:di:compile

Manual Installation

If you prefer to install this module manually, kindly follow the steps described below -

  • Download the latest version here
  • Create a folder path like this app/code/ManiyaTech/HyvaHomepageBannerSlider and extract the main.zip file into it.
  • Navigate to Magento root directory and execute the below commands.
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy -f

Let Hyvä recognize the module:

php bin/magento hyva:config:generate

Generate Tailwind CSS:

npm --prefix vendor/hyva-themes/magento2-default-theme/web/tailwind run build-prod

If you're using a custom theme:

npm --prefix app/design/frontend/<Vendor>/<Theme>/web/tailwind run build-prod