Magento 2 is a powerful e-commerce platform known for its flexibility and scalability. However, its default frontend can sometimes be slow, and developers often seek better-performing themes. Hyvä Theme has become increasingly popular among Magento developers due to its focus on performance, simplicity, and modern frontend architecture using Alpine.js and Tailwind CSS.
In this guide, we’ll walk through the process of installing the Hyvä theme in Magento 2.
- Connect to the terminal and run the below command :
composer config –auth http-basic.hyva-themes.repo.packagist.com token yourLicenseAuthentificationKey
In the above command, authentication key needs to be entered which you got during the purchase of hyva license.
- Then run the below command in your terminal :
composer config repositories.private-packagist composer https://hyva-themes.repo.packagist.com/yourProjectName/
In the above command, you will need to enter Your Project Name
- Then in the terminal, run the below command to install hyva theme in your project :
composer require hyva-themes/magento2-default-theme
You will be asked auth key if auth.json is not uploaded in your project, you just need to enter your username and password.
- Once hyva theme is installed, run the below commands in the same order in your terminal in the project :
bin/magento setup:upgrade
bin/magento config:set customer/captcha/enable 0
- Hyva recommended to disable minification, merging and bundling css,js and html as it can causes unwanted issues. In order to do this, run below commands :
bin/magento config:set dev/template/minify_html 0
bin/magento config:set dev/js/merge_files 0
bin/magento config:set dev/js/enable_js_bundling 0
bin/magento config:set dev/js/minify_files 0
bin/magento config:set dev/js/move_script_to_bottom 0
bin/magento config:set dev/css/merge_css_files 0
bin/magento config:set dev/css/minify_files 0
- Check the status of all below modules, it should be enable
bin/magento module:status Magento_BundleGraphQl Magento_CatalogCustomerGraphQl Magento_CatalogGraphQl Magento_CatalogRuleGraphQl Magento_CatalogUrlRewriteGraphQl Magento_ConfigurableProductGraphQl Magento_CustomerGraphQl Magento_DirectoryGraphQl Magento_DownloadableGraphQl Magento_EavGraphQl Magento_GraphQl Magento_GroupedProductGraphQl Magento_QuoteGraphQl Magento_GraphQlCache Magento_RelatedProductGraphQl Magento_ReviewGraphQl Magento_SalesGraphQl Magento_StoreGraphQl Magento_SwatchesGraphQl Magento_UrlRewriteGraphQl Magento_WishlistGraphQl
- NAvigate to content -> design -> configuration and set current store theme as Hyva Default
- The Hyvä theme is a powerful and efficient way to improve the frontend performance and design of your Magento 2 store. By following the steps outlined above, you can easily install and configure the Hyvä theme, giving your store a modern look with superior performance.
In case you are facing error in installing the hyva theme and wanted to give a solution, then feel free to comment, i will check accordingly and update my blog.Happy coding!