FixNBlog

Hyva Theme

The Hyva Theme is clean and offers a user-friendly interface for creating stunning websites. With its versatile design options and customizable features, Hyva Theme allows users to personalize their websites according to their preferences. The theme is optimized for speed and performance, ensuring smooth navigation and loading times. Hyva Theme also provides a range of built-in tools and plugins that enhance the functionality and appearance of the website. Whether you’re a beginner or an experienced web developer, Hyva Theme offers a seamless and efficient solution for creating professional websites.

Documentation 

The Hyvä Theme Official Documentation

Requirements

• Magento 2.4.3 CE or higher
• A valid license for Hyvä Themes, please view hyva license
• For licensees: A Private Packagist Key – https://www.hyva.io/hyva-themes-license.html
• Yearly Subscription €250 per year (billed starting next year)
• One-Time Fee 5 years support & updates + €1,000.00
• For partners: Access to Hyvä Gitlab 

Tech stack used in Hyva Theme

Magento 2 storefront theme with having only two dependencies

• Tailwind CSS
• AlpineJs

Install Hyva Theme in Magento 2

To install Hyva theme in Magento 2

Add the Hyvä Theme private Packagist key (hyva-themes.repo.packagist.com) to the auth.json file located in the root folder.

password: Hyva Theme License Key

{
    "http-basic": {
        "hyva-themes.repo.packagist.com": {
            "username": "token",
            "password": "xxxxxxxxx" 
        }
    }
}

Add the private packagist url in the composer.json file in the root folder

"repositories": {  
        "private-packagist": {
            "type": "composer",
            "url": "https://hyva-themes.repo.packagist.com/humcommerce-com/"
        },
        "0": {
            "type": "composer",
            "url": "https://repo.magento.com/"
        }
    },

To install the hyva theme – Run a composer  update CLI 

Composer require hyva-themes/magento2-theme-module:1.1.9
composer require hyva-themes/magento2-default-theme
composer require hyva-themes/magento2-react-checkout
composer require hyva-themes/magento2-hyva-widgets
composer require --dev hyva-themes/hyva-ui
composer update
php bin/magento s:up
php bin/magento s:s:d -f

After change the theme configuration in backend

Home page will be like

Other Reference : A Step-by-Step Guide to Setting Up Hyvä on Your Magento 2 Webstore

Create Hyva Child Theme in Magento 2