https://github.com/lokiextensions/lokitheme_lumacomponents
Magento 2 module to replace the legacy Luma JavaScript with modern-day JS
https://github.com/lokiextensions/lokitheme_lumacomponents
loki magento yireo
Last synced: 2 months ago
JSON representation
Magento 2 module to replace the legacy Luma JavaScript with modern-day JS
- Host: GitHub
- URL: https://github.com/lokiextensions/lokitheme_lumacomponents
- Owner: LokiExtensions
- Created: 2025-09-08T11:01:13.000Z (7 months ago)
- Default Branch: master
- Last Pushed: 2025-11-12T20:09:38.000Z (4 months ago)
- Last Synced: 2025-11-12T22:08:15.105Z (4 months ago)
- Topics: loki, magento, yireo
- Language: HTML
- Homepage: https://loki-extensions.com/docs/theme
- Size: 167 KB
- Stars: 8
- Watchers: 1
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
# `LokiTheme_LumaComponents` module
**Module for Magento 2 to remove legacy Luma JavaScript and adds JS components or Alpine.js components where needed**
## Installation
```bash
composer require loki-theme/magento2-luma-components
bin/magento module:enable LokiTheme_LumaComponents
```
## What this is
This module removes legacy Luma JavaScript (RequireJS, Knockout.js, jQuery, jQuery UI) and replaces it with custom JavaScript where needed. The following variations for this rewrite exist - taking in mind that this module tries to make as little template override as possible:
- No JavaScript, just plain HTML and CSS;
- Simple JavaScript functions;
- Alpine.js components (with or without custom template);
Currently, the following components are built-in:
- Messages
- Cookie notice
- Top navigation
- Mobile navigation
- Top links (customer welcome)
- Minicart
- Newsletter subscribe
- Add-to-cart (product page)
- Add-to-cart (category page)
- Add-to-wishlist (category page)
- Add-to-compare (category page)
- Tabs (product page)
- Currency switcher
Make sure to carefully read the docs at [https://loki-extensions.com/docs/theme](https://loki-extensions.com/docs/theme)