{"id":11622,"date":"2026-03-30T01:51:33","date_gmt":"2026-03-30T01:51:33","guid":{"rendered":"https:\/\/www.magetop.com\/blog\/?p=11622"},"modified":"2026-03-30T01:51:37","modified_gmt":"2026-03-30T01:51:37","slug":"install-hyva-theme-magento-2","status":"publish","type":"post","link":"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/","title":{"rendered":"How to Install Hyv\u00e4 Theme in Magento 2"},"content":{"rendered":"\n

Performance and speed are the lifeblood of any modern eCommerce store. Over the past few years, the Hyv\u00e4 Theme has completely revolutionized the Magento 2 ecosystem by replacing the heavy, outdated Luma stack (RequireJS, Knockout, jQuery) with a lightweight, blazing-fast combination of Alpine.js and Tailwind CSS.
If you are new to this frontend revolution, we highly recommend reading our deep dive into [Hyv\u00e4 Theme Architecture in Magento 2: Components, Structure & How It Works] to understand the underlying mechanics. Once you are familiar with the architecture, you are ready to get your hands dirty.
In this comprehensive tutorial, we will show you exactly how to install Hyv\u00e4 Theme in Magento 2<\/strong>, from configuring composer credentials to activating it in your admin panel.<\/p>\n\n\n\n

Prerequisites for Installing Hyv\u00e4<\/strong><\/h2>\n\n\n\n

Unlike free open-source themes, Hyv\u00e4<\/strong><\/a> is a commercial product. Before starting the installation process, ensure you have the following ready:<\/p>\n\n\n\n

    \n
  1. A Valid Hyv\u00e4 License:<\/strong> You must purchase a license to get access to their private GitLab repository and Packagist.<\/li>\n\n\n\n
  2. Magento 2 Instance:<\/strong> A working Magento 2 installation (version 2.4.0 or higher is heavily recommended).<\/li>\n\n\n\n
  3. Composer:<\/strong> Installed and configured on your server or local environment.<\/li>\n\n\n\n
  4. Node.js & npm:<\/strong> Required later if you plan to compile Tailwind CSS for your custom child theme.<\/li>\n<\/ol>\n\n\n\n

    Steps To Install Hyv\u00e4 Theme in Magento 2<\/strong><\/h2>\n\n\n\n

    Step 1: Configure Composer Authentication<\/strong><\/h4>\n\n\n\n

    Since Hyv\u00e4\u2019s packages are hosted in a private repository, you need to authenticate your Composer with your Hyv\u00e4 GitLab credentials.<\/p>\n\n\n\n

    Open your terminal, navigate to your Magento 2 root directory, and run the following command to add the Hyv\u00e4 Packagist repository:<\/p>\n\n\n

    \ncomposer config repositories.hyva-themes\/magento2-theme-fallback git git@gitlab.hyva.io:hyva-themes\/magento2-theme-fallback.git\ncomposer config repositories.hyva-themes\/magento2-theme-module git git@gitlab.hyva.io:hyva-themes\/magento2-theme-module.git\ncomposer config repositories.hyva-themes\/magento2-default-theme git git@gitlab.hyva.io:hyva-themes\/magento2-default-theme.git\n<\/pre><\/div>\n\n\n
    (Note: Alternatively, you can use the Hyv\u00e4 Private Packagist URL provided in your license dashboard for a cleaner setup without managing SSH keys).<\/em><\/p>\n\n\n\n
    Step 2: Require the Hyv\u00e4 Packages<\/strong><\/h4>\n\n\n\n
    With the repositories configured, you can now download the core Hyv\u00e4 modules and the default theme files into your project.<\/p>\n\n\n\n
    Run this composer command:<\/p>\n\n\n
    \ncomposer require hyva-themes\/magento2-default-theme\n<\/pre><\/div>\n\n\n
    Composer will prompt you for a username and password. Enter your Hyv\u00e4 Private Packagist token (or GitLab credentials) here. The installation will fetch the fallback theme, the core module, and the frontend theme files.<\/p>\n\n\n\n
    Step 3: Run Magento Setup Commands<\/strong><\/h4>\n\n\n\n
    Once the files are downloaded, you need to register the new modules and theme within your Magento system. Execute the standard Magento deployment commands:<\/p>\n\n\n
    \n# Enable the Hyv\u00e4 modules\nphp bin\/magento module:enable Hyva_Theme\n\n# Upgrade the database schema\nphp bin\/magento setup:upgrade\n\n# Compile dependency injection (DI)\nphp bin\/magento setup:di:compile\n\n# Deploy static content (replace en_US with your locale if needed)\nphp bin\/magento setup:static-content:deploy -f\n\n# Flush the cache\nphp bin\/magento cache:flush\n<\/pre><\/div>\n\n\n
    Step 4: Activate the Theme in the Admin Panel<\/strong><\/h4>\n\n\n\n
    The theme is now installed on your server, but you still need to tell Magento to use it for your storefront.<\/p>\n\n\n\n
      \n
    1. Log in to your Magento 2 Admin Panel<\/strong>.<\/li>\n\n\n\n
    2. Navigate to Content<\/strong> > Design<\/strong> > Configuration<\/strong>.<\/li>\n\n\n\n
    3. Find the store view or website you want to apply the theme to and click Edit<\/strong>.<\/li>\n\n\n\n
    4. Under the Applied Theme<\/strong> dropdown, select Hyv\u00e4 Default<\/strong>.<\/li>\n\n\n\n
    5. Click Save Configuration<\/strong> at the top right.<\/li>\n<\/ol>\n\n\n\n
      After saving, flush your Magento cache one more time from the admin panel or via the CLI:<\/p>\n\n\n
      \nphp bin\/magento cache:flush\n<\/pre><\/div>\n\n\n
      Step 5: Verify the Installation<\/strong><\/h4>\n\n\n\n
      Open a new incognito window and visit your Magento storefront. You should immediately notice a drastically cleaner, faster, and more responsive UI powered by Tailwind CSS. Open your browser’s developer tools (F12) and check the network tab\u2014you will see that the massive RequireJS and Knockout files are completely gone!<\/p>\n\n\n\n
      Conclusion<\/strong><\/h2>\n\n\n\n
      Congratulations! You now know how to install Hyv\u00e4 Theme in Magento 2<\/strong>. By making this switch, you have laid a solid foundation for achieving a perfect 100\/100 Core Web Vitals score.<\/p>\n\n\n\n
      The next step is to create a custom child theme based on this default installation, where you can start customizing Tailwind classes and Alpine components to match your brand’s unique design.<\/p>\n\n\n\n
      Have you encountered any composer permission issues during the setup? Let us know in the comments below, and we will help you troubleshoot!<\/p>\n","protected":false},"excerpt":{"rendered":"
      Performance and speed are the lifeblood of any modern eCommerce store. Over the past few years, the Hyv\u00e4 Theme has<\/p>\n","protected":false},"author":106,"featured_media":11624,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-11622","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento-2-knowledge-base"],"yoast_head":"\nHow to Install Hyv\u00e4 Theme in Magento 2 - Magetop Blog<\/title>\n<meta name=\"description\" content=\"Learn how to install Hyv\u00e4 Theme in Magento 2 with this complete step-by-step guide. Set up your modern, high-performance eCommerce frontend.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Install Hyv\u00e4 Theme in Magento 2 - Magetop Blog\" \/>\n<meta property=\"og:description\" content=\"Learn how to install Hyv\u00e4 Theme in Magento 2 with this complete step-by-step guide. Set up your modern, high-performance eCommerce frontend.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Magetop Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MagetopStore\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-30T01:51:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-30T01:51:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Install-Hyva-Theme-in-Magento-2-1024x565.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"565\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Aaron LX\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MagetopStore\" \/>\n<meta name=\"twitter:site\" content=\"@MagetopStore\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aaron LX\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/\"},\"author\":{\"name\":\"Aaron LX\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7\"},\"headline\":\"How to Install Hyv\u00e4 Theme in Magento 2\",\"datePublished\":\"2026-03-30T01:51:33+00:00\",\"dateModified\":\"2026-03-30T01:51:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/\"},\"wordCount\":606,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Install-Hyva-Theme-in-Magento-2-scaled.png?fit=2560%2C1412&ssl=1\",\"articleSection\":[\"Magento 2 Knowledge Base\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/\",\"url\":\"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/\",\"name\":\"How to Install Hyv\u00e4 Theme in Magento 2 - Magetop Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Install-Hyva-Theme-in-Magento-2-scaled.png?fit=2560%2C1412&ssl=1\",\"datePublished\":\"2026-03-30T01:51:33+00:00\",\"dateModified\":\"2026-03-30T01:51:37+00:00\",\"description\":\"Learn how to install Hyv\u00e4 Theme in Magento 2 with this complete step-by-step guide. Set up your modern, high-performance eCommerce frontend.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Install-Hyva-Theme-in-Magento-2-scaled.png?fit=2560%2C1412&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Install-Hyva-Theme-in-Magento-2-scaled.png?fit=2560%2C1412&ssl=1\",\"width\":2560,\"height\":1412,\"caption\":\"How to Install Hyv\u00e4 Theme in Magento 2\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.magetop.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Install Hyv\u00e4 Theme in Magento 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#website\",\"url\":\"https:\/\/www.magetop.com\/blog\/\",\"name\":\"Magetop Blog\",\"description\":\"Exploring Magento Tips, Tricks, and Trends\",\"publisher\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.magetop.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#organization\",\"name\":\"Magetop.com\",\"url\":\"https:\/\/www.magetop.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1\",\"width\":475,\"height\":475,\"caption\":\"Magetop.com\"},\"image\":{\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/MagetopStore\",\"https:\/\/x.com\/MagetopStore\",\"https:\/\/www.linkedin.com\/company\/magetop\",\"https:\/\/www.pinterest.com\/magetop\",\"https:\/\/www.youtube.com\/channel\/UCXoiJsz88OfPmwa8QpUkwOA\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7\",\"name\":\"Aaron LX\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&ssl=1\",\"caption\":\"Aaron LX\"},\"description\":\"Aaron is a passionate writer, crazy about shopping, eCommerce and trends. Besides his outstanding research skills and a positive mind, Aaron eagerly shares his experience with the readers.\",\"url\":\"https:\/\/www.magetop.com\/blog\/author\/aaron-lx\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Install Hyv\u00e4 Theme in Magento 2 - Magetop Blog","description":"Learn how to install Hyv\u00e4 Theme in Magento 2 with this complete step-by-step guide. Set up your modern, high-performance eCommerce frontend.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/","og_locale":"en_US","og_type":"article","og_title":"How to Install Hyv\u00e4 Theme in Magento 2 - Magetop Blog","og_description":"Learn how to install Hyv\u00e4 Theme in Magento 2 with this complete step-by-step guide. Set up your modern, high-performance eCommerce frontend.","og_url":"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/","og_site_name":"Magetop Blog","article_publisher":"https:\/\/www.facebook.com\/MagetopStore","article_published_time":"2026-03-30T01:51:33+00:00","article_modified_time":"2026-03-30T01:51:37+00:00","og_image":[{"width":1024,"height":565,"url":"https:\/\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Install-Hyva-Theme-in-Magento-2-1024x565.png","type":"image\/png"}],"author":"Aaron LX","twitter_card":"summary_large_image","twitter_creator":"@MagetopStore","twitter_site":"@MagetopStore","twitter_misc":{"Written by":"Aaron LX","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/#article","isPartOf":{"@id":"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/"},"author":{"name":"Aaron LX","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7"},"headline":"How to Install Hyv\u00e4 Theme in Magento 2","datePublished":"2026-03-30T01:51:33+00:00","dateModified":"2026-03-30T01:51:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/"},"wordCount":606,"commentCount":0,"publisher":{"@id":"https:\/\/www.magetop.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Install-Hyva-Theme-in-Magento-2-scaled.png?fit=2560%2C1412&ssl=1","articleSection":["Magento 2 Knowledge Base"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/","url":"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/","name":"How to Install Hyv\u00e4 Theme in Magento 2 - Magetop Blog","isPartOf":{"@id":"https:\/\/www.magetop.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/#primaryimage"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Install-Hyva-Theme-in-Magento-2-scaled.png?fit=2560%2C1412&ssl=1","datePublished":"2026-03-30T01:51:33+00:00","dateModified":"2026-03-30T01:51:37+00:00","description":"Learn how to install Hyv\u00e4 Theme in Magento 2 with this complete step-by-step guide. Set up your modern, high-performance eCommerce frontend.","breadcrumb":{"@id":"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/#primaryimage","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Install-Hyva-Theme-in-Magento-2-scaled.png?fit=2560%2C1412&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Install-Hyva-Theme-in-Magento-2-scaled.png?fit=2560%2C1412&ssl=1","width":2560,"height":1412,"caption":"How to Install Hyv\u00e4 Theme in Magento 2"},{"@type":"BreadcrumbList","@id":"https:\/\/www.magetop.com\/blog\/install-hyva-theme-magento-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.magetop.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Install Hyv\u00e4 Theme in Magento 2"}]},{"@type":"WebSite","@id":"https:\/\/www.magetop.com\/blog\/#website","url":"https:\/\/www.magetop.com\/blog\/","name":"Magetop Blog","description":"Exploring Magento Tips, Tricks, and Trends","publisher":{"@id":"https:\/\/www.magetop.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.magetop.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.magetop.com\/blog\/#organization","name":"Magetop.com","url":"https:\/\/www.magetop.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2021\/11\/logo.png?fit=475%2C475&ssl=1","width":475,"height":475,"caption":"Magetop.com"},"image":{"@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/MagetopStore","https:\/\/x.com\/MagetopStore","https:\/\/www.linkedin.com\/company\/magetop","https:\/\/www.pinterest.com\/magetop","https:\/\/www.youtube.com\/channel\/UCXoiJsz88OfPmwa8QpUkwOA"]},{"@type":"Person","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/b8770690a02cc53a273d6b7205229ff7","name":"Aaron LX","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.magetop.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2025\/11\/475315059_122137709240563546_260104055231757176_n.jpg?fit=96%2C96&ssl=1","caption":"Aaron LX"},"description":"Aaron is a passionate writer, crazy about shopping, eCommerce and trends. Besides his outstanding research skills and a positive mind, Aaron eagerly shares his experience with the readers.","url":"https:\/\/www.magetop.com\/blog\/author\/aaron-lx\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Install-Hyva-Theme-in-Magento-2-scaled.png?fit=2560%2C1412&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/paOdw5-31s","jetpack-related-posts":[{"id":11359,"url":"https:\/\/www.magetop.com\/blog\/hyva-theme-architecture-magento-2\/","url_meta":{"origin":11622,"position":0},"title":"Hyv\u00e4 Theme Architecture in Magento 2: Components, Structure & How It Works","author":"Aaron LX","date":"February 28, 2026","format":false,"excerpt":"The Hyv\u00e4 theme has quickly become one of the most exciting developments in the Magento ecosystem. Many merchants and developers are adopting it to improve performance and simplify frontend development.However, Hyv\u00e4 is not just another Magento theme. It introduces a completely different frontend approach that removes many of the complexities\u2026","rel":"","context":"In "Magento 2 Knowledge Base"","block_context":{"text":"Magento 2 Knowledge Base","link":"https:\/\/www.magetop.com\/blog\/magento-2-knowledge-base\/"},"img":{"alt_text":"Hyv\u00e4 Theme Architecture in Magento 2 Components, Structure & How It Works","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Hyva-Theme-Architecture-in-Magento-2-Components-Structure-How-It-Works.png?fit=1200%2C667&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Hyva-Theme-Architecture-in-Magento-2-Components-Structure-How-It-Works.png?fit=1200%2C667&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Hyva-Theme-Architecture-in-Magento-2-Components-Structure-How-It-Works.png?fit=1200%2C667&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Hyva-Theme-Architecture-in-Magento-2-Components-Structure-How-It-Works.png?fit=1200%2C667&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Hyva-Theme-Architecture-in-Magento-2-Components-Structure-How-It-Works.png?fit=1200%2C667&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":11255,"url":"https:\/\/www.magetop.com\/blog\/hyva-theme-for-magento-2\/","url_meta":{"origin":11622,"position":1},"title":"Hyv\u00e4 Theme for Magento 2: Why It\u2019s Changing the Future of Magento Frontend","author":"Aaron LX","date":"February 9, 2026","format":false,"excerpt":"Magento 2 is powerful, but for years, developers and merchants have struggled with its frontend complexity. Heavy JavaScript, slow performance, and difficult customization have been common pain points.That\u2019s exactly where Hyv\u00e4 Theme for Magento 2 comes in. Hyv\u00e4 is not just another Magento theme\u2014it\u2019s a completely new frontend approach designed\u2026","rel":"","context":"In "Magento 2 Knowledge Base"","block_context":{"text":"Magento 2 Knowledge Base","link":"https:\/\/www.magetop.com\/blog\/magento-2-knowledge-base\/"},"img":{"alt_text":"Hyv\u00e4 Theme for Magento 2 Why It\u2019s Changing the Future of Magento Frontend","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Hyva-Theme-for-Magento-2-Why-Its-Changing-the-Future-of-Magento-Frontend.png?fit=1200%2C667&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Hyva-Theme-for-Magento-2-Why-Its-Changing-the-Future-of-Magento-Frontend.png?fit=1200%2C667&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Hyva-Theme-for-Magento-2-Why-Its-Changing-the-Future-of-Magento-Frontend.png?fit=1200%2C667&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Hyva-Theme-for-Magento-2-Why-Its-Changing-the-Future-of-Magento-Frontend.png?fit=1200%2C667&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Hyva-Theme-for-Magento-2-Why-Its-Changing-the-Future-of-Magento-Frontend.png?fit=1200%2C667&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":11355,"url":"https:\/\/www.magetop.com\/blog\/migrate-from-luma-to-hyva\/","url_meta":{"origin":11622,"position":2},"title":"Migrate from Luma to Hyv\u00e4 in Magento 2: Is It Worth It?","author":"Aaron LX","date":"February 26, 2026","format":false,"excerpt":"Many Magento store owners are looking for ways to improve website performance and simplify frontend development. As a result, more businesses are starting to migrate from Luma to Hyv\u00e4 in Magento 2. Luma has been the default theme in Magento 2 for many years. However, modern performance requirements and user\u2026","rel":"","context":"In "Magento 2 Knowledge Base"","block_context":{"text":"Magento 2 Knowledge Base","link":"https:\/\/www.magetop.com\/blog\/magento-2-knowledge-base\/"},"img":{"alt_text":"Migrate from Luma to Hyv\u00e4 in Magento 2 Is It Worth It","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Migrate-from-Luma-to-Hyva-in-Magento-2-Is-It-Worth-It.png?fit=1200%2C667&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Migrate-from-Luma-to-Hyva-in-Magento-2-Is-It-Worth-It.png?fit=1200%2C667&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Migrate-from-Luma-to-Hyva-in-Magento-2-Is-It-Worth-It.png?fit=1200%2C667&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Migrate-from-Luma-to-Hyva-in-Magento-2-Is-It-Worth-It.png?fit=1200%2C667&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Migrate-from-Luma-to-Hyva-in-Magento-2-Is-It-Worth-It.png?fit=1200%2C667&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":11321,"url":"https:\/\/www.magetop.com\/blog\/hyva-vs-luma-theme-for-magento-2-which-is-better\/","url_meta":{"origin":11622,"position":3},"title":"Hyv\u00e4 vs Luma Theme for Magento 2 \u2014 Which Is Better?","author":"Aaron LX","date":"February 23, 2026","format":false,"excerpt":"Choosing the right frontend architecture is a critical decision for any Magento store. For many years, the default Luma theme has been widely used in Magento 2 projects. However, the introduction of Hyv\u00e4 Theme has significantly changed how developers approach Magento frontend development. When comparing Hyv\u00e4 vs Luma Theme for\u2026","rel":"","context":"In "Magento 2 Knowledge Base"","block_context":{"text":"Magento 2 Knowledge Base","link":"https:\/\/www.magetop.com\/blog\/magento-2-knowledge-base\/"},"img":{"alt_text":"Hyv\u00e4 vs Luma Theme for Magento 2 \u2014 Which Is Better","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Hyva-vs-Luma-Theme-for-Magento-2-%E2%80%94-Which-Is-Better.png?fit=1200%2C667&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Hyva-vs-Luma-Theme-for-Magento-2-%E2%80%94-Which-Is-Better.png?fit=1200%2C667&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Hyva-vs-Luma-Theme-for-Magento-2-%E2%80%94-Which-Is-Better.png?fit=1200%2C667&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Hyva-vs-Luma-Theme-for-Magento-2-%E2%80%94-Which-Is-Better.png?fit=1200%2C667&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/Hyva-vs-Luma-Theme-for-Magento-2-%E2%80%94-Which-Is-Better.png?fit=1200%2C667&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":11428,"url":"https:\/\/www.magetop.com\/blog\/create-magento-2-xml-sitemap\/","url_meta":{"origin":11622,"position":4},"title":"How to Create an XML Sitemap in Magento 2","author":"Aaron LX","date":"March 10, 2026","format":false,"excerpt":"An XML sitemap plays an important role in improving the visibility of your website in search engines. It provides a structured list of URLs that helps search engines understand and crawl your store more efficiently.Magento 2 includes a built-in feature that allows store owners to create an XML sitemap directly\u2026","rel":"","context":"In "Magento 2 Tutorials"","block_context":{"text":"Magento 2 Tutorials","link":"https:\/\/www.magetop.com\/blog\/magento-2-tutorials\/"},"img":{"alt_text":"How to Create an XML Sitemap in Magento 2","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Create-an-XML-Sitemap-in-Magento-2.png?fit=1200%2C667&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Create-an-XML-Sitemap-in-Magento-2.png?fit=1200%2C667&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Create-an-XML-Sitemap-in-Magento-2.png?fit=1200%2C667&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Create-an-XML-Sitemap-in-Magento-2.png?fit=1200%2C667&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/03\/How-to-Create-an-XML-Sitemap-in-Magento-2.png?fit=1200%2C667&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":11343,"url":"https:\/\/www.magetop.com\/blog\/how-to-start-an-online-booking-business\/","url_meta":{"origin":11622,"position":5},"title":"How to Start an Online Booking Business","author":"Aaron LX","date":"February 25, 2026","format":false,"excerpt":"The online booking business model has become increasingly popular as more services move online. Customers today expect to schedule appointments, reserve services, or book experiences directly from a website without needing to contact the business manually.Whether you run a travel service, a rental business, or offer appointments such as coaching\u2026","rel":"","context":"In "Magento 2 Knowledge Base"","block_context":{"text":"Magento 2 Knowledge Base","link":"https:\/\/www.magetop.com\/blog\/magento-2-knowledge-base\/"},"img":{"alt_text":"How to Start an Online Booking Business","src":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/How-to-Start-an-Online-Booking-Business.png?fit=1200%2C667&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/How-to-Start-an-Online-Booking-Business.png?fit=1200%2C667&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/How-to-Start-an-Online-Booking-Business.png?fit=1200%2C667&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/How-to-Start-an-Online-Booking-Business.png?fit=1200%2C667&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.magetop.com\/blog\/wp-content\/uploads\/2026\/02\/How-to-Start-an-Online-Booking-Business.png?fit=1200%2C667&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/11622","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/users\/106"}],"replies":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/comments?post=11622"}],"version-history":[{"count":2,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/11622\/revisions"}],"predecessor-version":[{"id":11625,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/posts\/11622\/revisions\/11625"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/media\/11624"}],"wp:attachment":[{"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/media?parent=11622"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/categories?post=11622"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.magetop.com\/blog\/wp-json\/wp\/v2\/tags?post=11622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}