Hyva

Launching a high-performance Magento store no longer needs to be time-consuming or complex. With Evrig’s latest exclusive offer, Magento merchants can unlock a powerful combination that streamlines store development while boosting performance: Purchase the Xpress Theme and receive 3 months of FREE Hypernode Hosting—the perfect match for stores built with the Hyvä Theme framework. This limite... Read More

Hyvä Themes is a modern frontend theme for Magento 2, designed to deliver optimal performance and a simplified development experience. However, when transitioning from the default Magento Luma theme to Hyvä, certain functionalities or third-party modules may not be fully compatible. To bridge this gap, Hyvä provides a Luma Fallback mechanism. This guide will walk you through the process of enab... Read More

In this ever-evolving world of ecommerce, Magento has its special place and has established itself as a powerful platform. However, to remain competitive, continuous improvement is needed. Hyvä commerce is the next step in this evolution, introducing a fully integrated suite of tools designed to enhance both merchants' experience in the admin panel and customers' experience on the storefronts. ... Read More

Upgrade Your Store’s Aesthetics with Custom Font in Hyvä Adding a custom font to your Hyvä theme can enhance the visual appeal of your Magento store. Follow the steps below to integrate the fonts seamlessly. Step 1: Download and Add Your Custom Font Place your custom font files ( .woff2 ) in the web/fonts directory of your Hyvä theme. Here following path:- [dm_code_snippet background="... Read More

Dark mode is no longer just a trend, it’s an essential feature for providing an enhanced user experience. With Magento Hyvä, Tailwind CSS and Alpine.js this functionality becomes simple and elegant. In this blog, we will explore how to implement a seamless dark and light mode switch. Why Dark Mode Matters Dark mode not only looks stylish but also reduces eye strain, especially in low-light en... Read More

There’s no denying that Magento is the ultimate platform for large-scale businesses with complex structures, high inventory volumes, and heavy website traffic. Only Magento has the capability to handle such demanding eCommerce stores. But what’s truly taken Magento to the next level is the Hyvä theme revolutionizing the Magento Customer Experience with Hyvä Themes by enhancing speed, performan... Read More

In this blog post, we'll guide you through creating an interactive star rating system using Alpine.js and Tailwind CSS. . This feature not only enhances user experience but also provides valuable visual feedback and meaningful labels during the rating process. The Goal We aim to implement a star rating system that: Highlights star label on hover and click. Displays a corresponding lab... Read More

Adding a modal popup to your website is a great way to enhance user experience by delivering information in a focused and interactive way. In this tutorial, we’ll show you how to create a simple yet fully functional modal popup using Tailwind CSS and Alpine JS in the Hyva Magento 2 environment. This guide is perfect for developers looking to: Implement lightweight modals without externa... Read More

Tailwind Composable variant: group When working with Tailwind CSS group utility, managing component state and styling based on parent states can be simplified using utility classes like group. This technique is particularly useful for creating interactive elements, such as dropdown menus or rotating icons, that change appearance when the parent is in a specific state. In this blog, we’ll explo... Read More

In this tutorial, we'll walk you through how to easily create a "Read More Read Less" button in your Hyva Magento2 theme using Tailwind CSS and Alpine JS. This functionality enhances user experience by allowing users to toggle content visibility, making your page cleaner and more interactive. Step-1. You just copy and paste the below code into your PHTML File, CMS block, or CMS Page. You have... Read More