-
Loki Checkout
- User documentation
-
Developer documentation
- Modules
- Getting started
- Architecture
- Basic customizations
- Advanced customizations
- Integrations
-
Troubleshooting
- Common errors
- Disabling Loki Checkout
- Troubleshooting tips
- Troubleshooting JS validation
- Troubleshooting Luma styling
- Where are my TailwindCSS classes?
- Email validation issues
- Button of final step is loading forever
- ZIP code validation seems to tight
- Specific field is required
- Custom component skips step validation
- Troubleshooting the layout
- "Street Address" cannot contain more than 2 lines
- Invalid city
- ADR
- Playbook
- Reference
- Milestones and roadmap
- Module overview
- Frequently Asked Questions
- Loki Components
- Loki Field Components
- Loki Admin Components
- Loki Theme Kit
- Loki Base
- Miscellaneous
Troubleshooting the layout
The page seems to have the wrong design
Make sure the file app/etc/hyva-themes.json is including the path vendor/loki-checkout/magento2-core (and possibly other modules that you have added). When in doubt, run:
bin/magento hyva:config:generate
Rebuild your Tailwind classes (in this case assuming that Yireo/example is your own theme);
cd app/design/frontend/Yireo/example/web/tailwind/
npm run build
npm run watch
Make sure to refresh the page with Browser Cache disabled
Last modified: May 13, 2026