In the dynamic world of e-commerce, where user experience and site performance are paramount, the Magento 2 Hyva theme continues to be a significant player.
Hyvä Theme Magento 2 is known for its innovative approach to Magento front-end development. It offers a streamlined, lightweight alternative to the traditional Magento theme, focusing on speed and performance.
Hyvä Themes has rolled out new versions, 1.3.6 and 1.3.7, bringing a host of enhancements aimed at improving performance, security, and compatibility with the latest Magento releases. These updates bring significant improvements and new features designed to optimize performance, increase flexibility, and simplify the integration process.
Here’s a detailed breakdown of the key updates:
Hyvä Theme Version 1.3.6 Key Updates & Highlights
TailwindCSS 3.4.1 Integration:
- The update to TailwindCSS 3.4.1 results in smaller stylesheet sizes, leading to faster loading times.
Enhanced JavaScript Handling:
- Introduction of dependency declarations at the template or block level reduces duplicate JavaScript on product listings, improving performance metrics.
- The hyvä.activateScripts method ensures efficient script loading by parsing and adding necessary scripts to the document head
Security Enhancements:
- A mandatory form key for customer login via Ajax enhances security, mitigating vulnerabilities in the login process
Improved Performance:
- Default private section data for visitors without sessions reduces server load and speeds up initial page load times
Reduced AJAX Calls:
- Initial page load times are improved by reducing the need for AJAX calls for new visitors and streamlining server resource utilization.
Essential Bug Fixes:
- This version includes a range of general bug fixes and improvements to enhance stability and reliability.
Default Customer Section Data:
- In this release, visitors without an active session will utilize default private section data, eliminating the need for an Ajax call per visitor and reducing server load.
- This change is expected to function smoothly in most scenarios, but for detailed configuration instructions, consult the documentation.
Related Search Results:
- After upgrading, the styling of the search_recommendations and search_suggestions blocks above the search_result_list on the search results page may require adjustment.
Node Version 16:
- TailwindCSS has been upgraded to version 3.4.1, necessitating node version 16 or newer for compatibility. Ensure node is updated before upgrading hyva-themes/magento2-default-theme to 1.3.6.
Extra Actions Block in Mini-Cart Changed to Container:
- The extra_actions block in the mini-cart now renders with JavaScript from private content data for compatibility with actions requiring customer or quote data.
- This may impact extensions and customizations; ensure extra action buttons in the mini-cart are checked post-upgrade.
Order History Ship-to Name:
- The “Ship-To” column in customer order history and recent orders now displays the shipping address customer name instead of the billing address company name.
- Override templates if retaining the previous behaviour is necessary for b2b shops.
New Translated Phrases:
- Additional phrases have been added to the translation dictionary for improved localization such as
Support for Demo Store, Disabled JS, and Missing Browser Storage Notices:
- Notices for the demo store, disabled JS, and missing browser storage are now supported in Hyvä themes.
- Ensure the demo store notice is correctly configured before upgrading.
Support for Video Settings from Admin Config:
- Default behavior of the gallery option loopVideo has changed; loopVideo now defaults to false, with admin configuration taking precedence.
- Adjust the loopVideo setting in the admin configuration if automatic video looping is required.
Anonymized Default Section Data for Visitors without a Session:
- Anonymized default section data is utilized for visitors without an active session, enhancing performance.
- Extensions expecting fully populated section data may need to configure default values in etc/frontend/di.xml.
Hyvä Theme Version 1.3.7 Key Updates & Highlights
Magento 2.4.7 Compatibility:
- This release ensures seamless integration with Magento 2.4.7, providing support for the latest Magento features and updates.
New Alpine.js x-defer Directive:
- This new directive helps reduce main thread blocking time, improving core web vital metrics and overall user experience.
Automatic x-defer Injection:
- This feature injects the x-defer directive into specific Alpine components, enhancing performance for older Hyvä theme versions. This injection is configurable via the backend and helps streamline performance improvements without manual adjustments
Experimental Prerender Speculation Rules:
- A new browser API for pre-rendering pages, which can improve perceived load times for users.
New Translated Phrases:
- Order %1 canceled. A new translation for the phrase indicating an order cancellation has been added.
New dependency hyva-themes/magento2-order-cancellation-webapi:
- A new module dependency has been introduced to handle order cancellations via a REST API.
- Out of the box the order-cancellation feature introduced in Magento 2.4.7 only comes with a GraphQL API.
- The order-cancellation feature in Magento 2.4.7 initially only supports GraphQL API.
- To be able to reduce the use of GraphQL in Hyvä in the future, the compatibility module uses a REST API provided by hyva-themes/magento2-order-cancellation-webapi instead.
- To minimize the use of GraphQL, Hyvä Themes now supports order cancellation through a REST API provided by the new module.
reset-theme dependency 1.1.6:
- The reset-theme dependency has been updated because of new layout XML resets for the Magento_OrderCancellationUi module introduced in Magento 2.4.7.
To take full advantage of these updates, it is recommended to upgrade both the Hyvä Themes 1.3.6 & 1.3.7 versions and ensure compatibility and access to the latest features.
Community and Developer Support
The Hyvä Themes community continues to grow, with a strong network of developers and users who contribute to the theme’s ongoing improvement. The release of versions 1.3.6 and 1.3.7 has been well-received, with positive feedback highlighting the enhanced performance, flexibility, and ease of use.
Hyvä Themes offers comprehensive documentation and active community forums, providing ample support for developers looking to implement or customize the themes. This community-driven approach ensures that Hyvä Themes remains responsive to the needs of its users and continues to evolve based on real-world feedback.
Furthermore, as the Hyvä team intensifies its efforts on theme updates, the demand for Hyvä theme development services is increasing. The latest Hyvä Themes 1.3.6 & 1.3.7 are compatible with the most recent versions of Magento 2, offering online retailers greater flexibility to customize and scale their stores as needed.
Conclusion
By staying current with these updates, you can maintain a high-performing, secure, and user-friendly Magento store that meets modern standards and exceeds customer expectations.
Upgrading to Hyvä Themes 1.3.6 and 1.3.7 brings performance improvements and essential bug fixes and ensures your Magento store is secure and compatible with the latest Magento updates. For a detailed list of changes and instructions on upgrading, please refer to the official Hyvä documentation.