{"id":17581,"date":"2025-07-08T11:17:26","date_gmt":"2025-07-08T05:47:26","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/?p=17581"},"modified":"2025-09-19T14:32:45","modified_gmt":"2025-09-19T09:02:45","slug":"how-to-upgrade-the-hyva-theme","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/how-to-upgrade-the-hyva-theme\/","title":{"rendered":"How to Upgrade the Hyv\u00e4 Theme? &#8211; Simple Steps"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Upgrading your Hyv\u00e4 theme is a must to maintain its stability.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this blog, I will cover the simple steps to upgrade the Hyv\u00e4 theme and related cases around it.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">But first, let&#8217;s understand the basics.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why Upgrade the Hyv\u00e4 Theme?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Before jumping into the upgrade process, let\u2019s understand why it&#8217;s necessary:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Upgrading Hyv\u00e4 ensures your theme includes the latest security fixes, protecting your store from vulnerabilities<br><\/li>\n\n\n\n<li>Each Hyv\u00e4 release includes optimizations that improve website speed and efficiency, enhancing the overall user experience<br><\/li>\n\n\n\n<li>Newer versions resolve previously known issues, ensuring your store performs smoothly and reliably<br><\/li>\n\n\n\n<li>If you&#8217;re upgrading to the <a href=\"https:\/\/meetanshi.com\/blog\/magento-2-4-8\/\">Magento 2.4.8 version<\/a>, it\u2019s critical to upgrade Hyv\u00e4 as well. This helps to avoid version conflicts<br><\/li>\n\n\n\n<li>Many Hyv\u00e4-compatible third-party extensions require a minimum Hyv\u00e4 version. It is mandatory to upgrade to use newer modules or features<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Understanding Two Core Components of Hyv\u00e4<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When upgrading, it&#8217;s important to know that Hyv\u00e4 consists of two main components:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">hyva-themes\/magento2-default-theme<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This is the frontend theme that controls layout, Tailwind CSS styling, and Alpine.js behavior. Upgrading it provides:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Improved performance and UX<\/li>\n\n\n\n<li>Visual\/UI enhancements<\/li>\n\n\n\n<li>New design features<\/li>\n\n\n\n<li>Compatibility with new Magento features<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">hyva-themes\/magento2-theme-module<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This is the Magento backend module that powers the Hyv\u00e4 theme. Upgrading it ensures:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Updated backend logic and helpers<\/li>\n\n\n\n<li>Security and performance enhancements<\/li>\n\n\n\n<li>Improved compatibility with Magento modules<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Keeping both components updated is crucial to maintain a fast, secure, and modern eCommerce experience using Hyv\u00e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How To Check if Your Hyv\u00e4 Theme Is Outdated?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can check your current Hyv\u00e4 version using the following SSH command:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>composer show hyva-themes\/magento2-theme-module<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"340\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/1-Check-your-current-Hyva-version.png\" alt=\"Check your current hyva version\" class=\"wp-image-17587\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/1-Check-your-current-Hyva-version.png 1366w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/1-Check-your-current-Hyva-version-250x62.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/1-Check-your-current-Hyva-version-700x174.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/1-Check-your-current-Hyva-version-768x191.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/1-Check-your-current-Hyva-version-403x100.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/1-Check-your-current-Hyva-version-964x240.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/1-Check-your-current-Hyva-version-120x30.png 120w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This will return a result like:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">hyva-themes\/magento2-default-theme v1.3.13<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After that, you can compare your version with the latest release on the official <a href=\"https:\/\/gitlab.hyva.io\/users\/sign_in\" target=\"_blank\" rel=\"noopener\">Hyv\u00e4 GitLab repository <\/a>or their changelog to get an idea about which version you need to upgrade.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Prerequisites for Upgrading Hyv\u00e4<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Before proceeding, ensure you have the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hyv\u00e4 theme is already installed (any earlier version)<br><\/li>\n\n\n\n<li>Magento version is 2.4.3 CE or higher<br><\/li>\n\n\n\n<li>PHP version is 7.4, 8.1, or 8.2<br><\/li>\n\n\n\n<li><strong>Backup<\/strong>: Always take a complete backup of your files and database before upgrading<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to Upgrade Hyva Theme?&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here, we will see upgrading both Hyva components.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The current versions of <strong>magento2-default-theme<\/strong> and <strong>magento2-theme-module<\/strong> are 1.3.13, which we will upgrade to version 1.3.14 by following the steps below.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">First, update the theme-module using the command below:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>composer update hyva-themes\/magento2-theme-module<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1610\" height=\"998\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/2-Update-the-theme-module.png\" alt=\"Update the theme-module\" class=\"wp-image-17585\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/2-Update-the-theme-module.png 1610w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/2-Update-the-theme-module-250x155.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/2-Update-the-theme-module-700x434.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/2-Update-the-theme-module-768x476.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/2-Update-the-theme-module-1536x952.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/2-Update-the-theme-module-403x250.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/2-Update-the-theme-module-964x598.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/2-Update-the-theme-module-120x74.png 120w\" sizes=\"auto, (max-width: 1610px) 100vw, 1610px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This will be the final output:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1218\" height=\"426\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/3-Final-output-of-updated-theme-module.png\" alt=\"Final output of updated theme module\" class=\"wp-image-17589\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/3-Final-output-of-updated-theme-module.png 1218w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/3-Final-output-of-updated-theme-module-250x87.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/3-Final-output-of-updated-theme-module-700x245.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/3-Final-output-of-updated-theme-module-768x269.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/3-Final-output-of-updated-theme-module-403x141.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/3-Final-output-of-updated-theme-module-964x337.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/3-Final-output-of-updated-theme-module-120x42.png 120w\" sizes=\"auto, (max-width: 1218px) 100vw, 1218px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Then, update the default-theme using the below command:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>composer update hyva-themes\/magento2-default-theme<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1218\" height=\"582\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/4-Update-the-default-theme.png\" alt=\"Update the default theme\" class=\"wp-image-17593\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/4-Update-the-default-theme.png 1218w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/4-Update-the-default-theme-250x119.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/4-Update-the-default-theme-700x334.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/4-Update-the-default-theme-768x367.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/4-Update-the-default-theme-403x193.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/4-Update-the-default-theme-964x461.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/4-Update-the-default-theme-120x57.png 120w\" sizes=\"auto, (max-width: 1218px) 100vw, 1218px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This will be the output:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1218\" height=\"450\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/5-Final-output-of-updated-default-theme.png\" alt=\"Final output of upated default theme\" class=\"wp-image-17591\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/5-Final-output-of-updated-default-theme.png 1218w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/5-Final-output-of-updated-default-theme-250x92.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/5-Final-output-of-updated-default-theme-700x259.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/5-Final-output-of-updated-default-theme-768x284.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/5-Final-output-of-updated-default-theme-403x149.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/5-Final-output-of-updated-default-theme-964x356.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/07\/5-Final-output-of-updated-default-theme-120x44.png 120w\" sizes=\"auto, (max-width: 1218px) 100vw, 1218px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The versions are updated successfully!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once the versions are successfully updated, proceed to run the standard Magento upgrade and deploy commands:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>sudo php bin\/magento se:up\nsudo php bin\/magento s:d:c\nsudo php bin\/magento s:s:d -f\nsudo php bin\/magento c:f<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">That\u2019s it!&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">While it may seem complex at first, once you begin, the process is straightforward and manageable.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you are looking for a new <a href=\"https:\/\/meetanshi.com\/hyva-theme-development-service\">Hyv\u00e4 theme development<\/a> for your store or upgrade the current Hyv\u00e4 theme, our experts can help you, contact us today!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Upgrading your Hyv\u00e4 theme is a must to maintain its stability.&nbsp; In this blog, I will cover the simple steps to upgrade the Hyv\u00e4 theme&#8230;<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34,5869],"tags":[],"class_list":["post-17581","post","type-post","status-publish","format-standard","hentry","category-magento","category-hyva-themes"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/17581","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=17581"}],"version-history":[{"count":8,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/17581\/revisions"}],"predecessor-version":[{"id":22202,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/17581\/revisions\/22202"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=17581"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=17581"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=17581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}