Key Updates and Features in Hyva Theme: Versions 1.3.6 to 1.3.10
Hyva Theme continues to revolutionise Magento 2, and Hyva theme development services with its cutting-edge updates, ensuring better performance, enhanced user experience, and seamless compatibility with the latest Magento versions.
From essential bug fixes to advanced features like lazy loading in PageBuilder, improved checkout functionality, and experimental page transitions, the latest releases—spanning versions 1.3.6 to 1.3.10—bring significant improvements. In this blog, we’ll explore the key updates and enhancements introduced in these versions, helping Magento store owners and developers stay ahead of the curve.
Hyva Theme Magento 2 1.3.6 & 1.3.7 Release Notes
A newly introduced custom Alpine.js x-defer directive allows precise control over when Alpine components are initialized, significantly reducing the initial main thread blocking time and improving interaction-to-next-paint performance. Enhancing existing custom themes with x-defer is now simpler, thanks to a backend configuration setting that enables component deferral based on CSS selector expressions. Willem and Vinai have also recorded a video tutorial demonstrating its use.
By ensuring JavaScript on a page is loaded only when required, this update minimizes unused or duplicate scripts, making Hyva-based stores more lightweight and efficient. Additionally, the new Pre-rendering Speculation Rules API, available in Chrome and Edge, enhances user experience by enabling instant page transitions. Though this experimental feature is disabled by default, it can be activated through the Hyva system configuration. A short video by Willem explains its functionality.
New visitors now experience improved performance, as customer section data no longer needs to be loaded via AJAX, thereby reducing server resource consumption. With the upgrade to TailwindCSS version 3.4.1, several optimizations and bug fixes contribute to a smaller generated stylesheet size.
Furthermore, a security enhancement—reported by researcher Talesh Seeparsan—has been implemented, adding missing form key validation for AJAX-based customer logins in core Magento. Lastly, Release 1.3.7 introduces full compatibility with Magento 2.4.7, ensuring seamless integration with the latest version. In case you are confused about executing any changes regarding updates, then we would suggest opting for Hyva theme development services.
Hyva Theme Magento 2 1.3.8 Release Notes
Release 1.3.8 contains mainly but fixes.
When updating the Hyva Theme to version 1.3.8, please note to always update the Hyva -themes/magento2-theme-module to the latest version as well.
Even if not updating the Default Theme to 1.3.8, it should always be safe to update the Hyva _Theme module to the latest version (package Hyva -themes/magento2-theme-module).
Notable news
Fix Luma Fallback Checkout guest login
In Hyva release 1.3.6 form key validation was added to the customer/ajax/login route for Hyva themes.
For Hyva stores using the Luma checkout fallback, this resulted in the guest login feature to no longer work. To fix the issue, update the Hyva -themes/magento2-theme-module to version 1.3.8 and Hyva -themes/magento2-luma-checkout to 1.1.4, and then run bin/magento setup:upgrade.
Additional Magento 2.4.7 compatibility changes
Several additional required changes have been made for full Magento 2.4.7 compatibility.
Please refer to the changelogs for details.
Smaller size of generated styles.css file
The CSS in the default-theme has been updated to reduce the size of the generated styles.css file.
reset-theme dependency >= 1.1.7
The reset theme has been updated to include all layout XML changes introduced in Magento 2.4.7.
Hyva Theme Magento 2 1.3.9 Release Notes
The 1.3.9 release is a bug-fix update aimed at improving functionality and user experience which may require the help of Hyva theme development service providers.
Important Update Instructions
- When upgrading to Hyva Theme 1.3.9, ensure that the Hyva -themes/magento2-theme-module package is also updated to its latest version.
- Even if you are not updating the Default Theme to 1.3.9, it is always safe to update the Hyva _Theme module (Hyva -themes/magento2-theme-module) to the latest version.
Key Fixes & Improvements
- Fix for Default Section Data on Page Reload
- Previously, customer section default data was not dispatched when reloading a page after the initial load.
- While section data behaved as expected on the first visited page or when a visitor had a server session, this issue caused inconsistencies during reloads.
- This update ensures that default section data is dispatched on every page until the visitor has a custom session.
- To apply this fix, simply update Hyva -themes/magento2-theme-module to version 1.3.9.
- Improved Loading Indicator Behavior
- The x-cloak directive has been added to the loading indicator, preventing it from appearing as a flash of unstyled content before the styles.css file is fully loaded by the browser.
This update enhances page behavior consistency and improves the overall user experience in Hyva-based Magento stores.
Hyva Theme 1.3.10 Release Notes
The 1.3.10 release is a feature and maintenance update that includes bug fixes, library upgrades, and new enhancements to improve performance and user experience.
Important Update Instructions
- When upgrading to Hyva Theme 1.3.10, ensure that the Hyva -themes/magento2-theme-module package is also updated to its latest version.
- Even if you are not updating the Default Theme to 1.3.10, it is safe to update the Hyva _Theme module (Hyva -themes/magento2-theme-module) separately.
Key Enhancements & Fixes
PageBuilder Improvements
- Background Image Lazy Loading
- Lazy loading for background images in PageBuilder can now be enabled or disabled individually for each image.
- A global setting is available under Hyva > PageBuilder > Images > Enable lazy-loading by default for background images to configure the default behavior.
- By default, background image lazy loading is disabled to avoid missing images in themes that have not yet been upgraded.
- After all child themes are updated to magento2-default-theme 1.3.10 or newer, lazy loading can be enabled safely.
- Image Dimensions & Lazy Loading Best Practices
- To prevent Cumulative Layout Shift (CLS) issues, image dimensions should always be specified.
- Lazy loading should be enabled for images below the fold but disabled for the Largest Contentful Paint (LCP) image to optimize performance.
- Improved Admin Preview for Product Sliders & Grids
- Fixed an issue where product carousels and product grids in PageBuilder were not previewing correctly when using a Hyva frontend theme.
New Experimental Features
- Page Transitions
- Support for the new View Transitions API has been introduced, enabling smooth animations between pages for an improved user experience.
- This feature is disabled by default but can be enabled in Hyva Themes > Experimental > Enable View Transitions within the system configuration.
- Preloading SpeculationRule Enhancements
- Syntax improvements and minor bug fixes have been applied.
- The default speculation rules now explicitly exclude non-cached pages (such as customer account or cart pages) while including cached pages without a .html suffix.
Performance & Optimization Improvements
- Skipped CSS & JS Minification for Hyva Theme Assets
- Magento’s core CSS & JS minification has been disabled for Hyva themes, as it does not improve performance and may cause issues under specific conditions.
- New Admin Setting to Disable Homepage Demo Content
- Previously, disabling demo content required a child theme layout override.
- A new switch in the admin configuration allows users to disable demo content without modifying layouts.
Additional Updates
- Mollie Payment Bundling
- The Mollie payment method is now automatically installed as a composer dependency for easier integration.
- Library Upgrades
- Alpine.js updated from 3.12.3 to 3.14.6 (includes bug fixes).
- Tailwind CSS upgraded from 3.4.1 to 3.4.13 (final release in the Tailwind 3.4 series).
Backward-Incompatible Changes
- Hard PageBuilder Dependency
- The theme-module now has a code dependency on Magento\PageBuilder\Block\GoogleMapsApi.
- If magento/module-page-builder is removed using the composer replace hack, running static-content compilation will fail with an error.
- Solution: Either install PageBuilder and disable it via bin/magento module:disable, or create a custom dummy class to resolve the dependency.
- Page JS Dependencies Now Exclusive to Hyva Themes
- Previously, RegisterPageJsDependencies could interfere with email rendering when used with third-party modules.
- This feature is now only active for Hyva themes to prevent conflicts with Luma-based themes.
This release enhances performance, flexibility, and user experience, while also introducing new experimental features for developers to explore.
Conclusion
With each new update, Hyva Theme strengthens its position to be one of the best solutions for Magento 2 storefronts. Keep in mind that the latest improvements not only fix critical bugs but also introduce powerful features that enhance speed, usability, and flexibility. Whether you’re upgrading for better compatibility, improved performance, or new experimental functionalities, these updates ensure that you get an uninterrupted and robust Magento store that serves your customers perfectly. Moreover, all the above release notes demand upgradation to your store, so in case you need help with Hyva theme development services then connect with us.