{"id":23442,"date":"2024-07-29T12:58:09","date_gmt":"2024-07-29T07:28:09","guid":{"rendered":"https:\/\/aureatelabs.com\/?post_type=answers&p=23442"},"modified":"2024-07-29T12:58:11","modified_gmt":"2024-07-29T07:28:11","slug":"upgrade-hyva-ui-components","status":"publish","type":"answers","link":"https:\/\/aureatelabs.com\/answers\/hyva-ui\/upgrade-hyva-ui-components\/","title":{"rendered":"How to Upgrade Hyv\u00e4 UI Components?"},"content":{"rendered":"\n

Unlike standard Magento modules, Hyv\u00e4 UI components are not automatically updated with new Hyv\u00e4 UI library releases. Once you integrate a Hyv\u00e4 UI component into your Hyv\u00e4 Theme project, you manage and customize its code as needed.<\/p>\n\n\n\n

Here are the steps to upgrade Hyv\u00e4 UI components:<\/strong><\/p>\n\n\n\n

    \n
  1. Check upgrade notes:\u00a0<\/strong>Review the version-specific upgrade notes in the docs for any backward incompatible changes.<\/li>\n\n\n\n
  2. Compare files:\u00a0<\/strong>Compare your current component version to the latest version and identify the changes made in the updated files.<\/li>\n\n\n\n
  3. Update code selectively:\u00a0<\/strong>If you only want to modify styles, replace the PHP and Javascript code with the newer versions. Make sure any Alpine.js tags in your HTML haven’t changed.<\/li>\n\n\n\n
  4. Maintain Custom Styles:<\/strong>\u00a0You can usually keep your custom styles intact after code updates.<\/li>\n\n\n\n
  5. Upgrade the theme module:\u00a0<\/strong>Use the command\u00a0composer update hyva-themes\/magento2-theme-module\u00a0to update the theme module.<\/li>\n<\/ol>\n\n\n\n

    There are two main scenarios where you might consider upgrading a Hyv\u00e4 UI component:<\/p>\n\n\n\n

    1) Bug Fixes or New Features<\/strong><\/p>\n\n\n\n

    If a new Hyv\u00e4 UI library release addresses bugs in existing components or introduces valuable new features you want to incorporate, you’ll need to manually update the specific components within your project.<\/p>\n\n\n\n

    2) Maintaining Code<\/strong><\/p>\n\n\n\n

    Even if there aren’t specific bug fixes or features needed, it’s good practice to occasionally review updates and consider if any improvements or security enhancements are relevant to your implementation.<\/p>\n\n\n\n

    If the updates are significant or you’re unsure about the process,\u00a0consulting a developer<\/a>\u00a0experienced with Hyv\u00e4 Themes and Hyv\u00e4 UI might be advisable.<\/p>\n\n\n\n

    Upgrading Hyv\u00e4 UI components requires a more manual approach compared to traditional Magento modules. However, by following these steps and carefully managing your code, you can ensure your store benefits from bug fixes, new features, and security enhancements while maintaining any customizations you’ve made.<\/p>\n","protected":false},"author":36,"template":"","answers_topics":[165,169],"class_list":["post-23442","answers","type-answers","status-publish","hentry","answers_topics-hyva-ui","answers_topics-tech-know-how"],"acf":[],"yoast_head":"\nHow to Upgrade Hyv\u00e4 UI Components?<\/title>\n<meta name=\"description\" content=\"Learn the step-by-step process to upgrade Hyv\u00e4 UI components in your Magento 2 website while Hyva theme development.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/aureatelabs.com\/answer\/upgrade-hyva-ui-components\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Upgrade Hyv\u00e4 UI Components?\" \/>\n<meta property=\"og:description\" content=\"Learn the step-by-step process to upgrade Hyv\u00e4 UI components in your Magento 2 website while Hyva theme development.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aureatelabs.com\/answer\/upgrade-hyva-ui-components\/\" \/>\n<meta property=\"og:site_name\" content=\"Aureate Labs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/aureate.labs\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-29T07:28:11+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@aureate_labs\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Upgrade Hyv\u00e4 UI Components?","description":"Learn the step-by-step process to upgrade Hyv\u00e4 UI components in your Magento 2 website while Hyva theme development.","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:\/\/aureatelabs.com\/answer\/upgrade-hyva-ui-components\/","og_locale":"en_GB","og_type":"article","og_title":"How to Upgrade Hyv\u00e4 UI Components?","og_description":"Learn the step-by-step process to upgrade Hyv\u00e4 UI components in your Magento 2 website while Hyva theme development.","og_url":"https:\/\/aureatelabs.com\/answer\/upgrade-hyva-ui-components\/","og_site_name":"Aureate Labs","article_publisher":"https:\/\/www.facebook.com\/aureate.labs","article_modified_time":"2024-07-29T07:28:11+00:00","twitter_card":"summary_large_image","twitter_site":"@aureate_labs","twitter_misc":{"Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aureatelabs.com\/answer\/upgrade-hyva-ui-components\/","url":"https:\/\/aureatelabs.com\/answer\/upgrade-hyva-ui-components\/","name":"How to Upgrade Hyv\u00e4 UI Components?","isPartOf":{"@id":"https:\/\/aureatelabs.com\/#website"},"datePublished":"2024-07-29T07:28:09+00:00","dateModified":"2024-07-29T07:28:11+00:00","description":"Learn the step-by-step process to upgrade Hyv\u00e4 UI components in your Magento 2 website while Hyva theme development.","breadcrumb":{"@id":"https:\/\/aureatelabs.com\/answer\/upgrade-hyva-ui-components\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aureatelabs.com\/answer\/upgrade-hyva-ui-components\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/aureatelabs.com\/answer\/upgrade-hyva-ui-components\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/aureatelabs.com\/"},{"@type":"ListItem","position":2,"name":"How to Upgrade Hyv\u00e4 UI Components?"}]},{"@type":"WebSite","@id":"https:\/\/aureatelabs.com\/#website","url":"https:\/\/aureatelabs.com\/","name":"Aureate Labs","description":"Building experience-driven, content-driven and customer-centric commerce for upbeat and modern B2C & D2c brands","publisher":{"@id":"https:\/\/aureatelabs.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aureatelabs.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/aureatelabs.com\/#organization","name":"Aureate Labs","url":"https:\/\/aureatelabs.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/aureatelabs.com\/#\/schema\/logo\/image\/","url":"https:\/\/aureatelabs.com\/wp-content\/uploads\/Aureate-Labs-Logo.svg","contentUrl":"https:\/\/aureatelabs.com\/wp-content\/uploads\/Aureate-Labs-Logo.svg","width":1,"height":1,"caption":"Aureate Labs"},"image":{"@id":"https:\/\/aureatelabs.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/aureate.labs","https:\/\/x.com\/aureate_labs","https:\/\/www.linkedin.com\/company\/aureate-labs\/","https:\/\/www.youtube.com\/channel\/UC-gHzpwI_CrXplSquIPjppQ\/","https:\/\/www.instagram.com\/aureate_labs\/"]}]}},"_links":{"self":[{"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/answers\/23442","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/answers"}],"about":[{"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/types\/answers"}],"author":[{"embeddable":true,"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/users\/36"}],"wp:attachment":[{"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/media?parent=23442"}],"wp:term":[{"taxonomy":"answers_topics","embeddable":true,"href":"https:\/\/aureatelabs.com\/wp-json\/wp\/v2\/answers_topics?post=23442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}