Upgrading to 1.3.4

Version 1.3.4 includes bug fixes and improvements.

A key improvement in 1.3.4 resolves a critical incompatibility: the hyva-themes/magento2-theme-module (since 1.2.6) is now compatible with themes using Alpine v2 and all previous Hyvä-Theme releases.

When upgrading to Hyvä Theme 1.3.4, always update the hyva-themes/magento2-theme-module to its latest version.

It is always safe to update the Hyva_Theme module (package hyva-themes/magento2-theme-module) to its latest version, even if you are not upgrading the Default Theme to 1.3.4.

Backward Incompatible Changes

While existing Hyvä 1.3.3 themes won't break during this upgrade, end-to-end tests may require minor adjustments.

Unordered HTML list for product listings

For improved accessibility, product listings now use semantic <ul> and <li> elements instead of <div>s. This change may require updating selectors in end-to-end tests (e.g., Cypress, Playwright).

HTML tables for customer order history, recent orders, and customer downloadable products

To enhance accessibility, customer order history, recent orders, and downloadable products now use semantic <table> elements. This may necessitate updating selectors in end-to-end tests (e.g., Cypress, Playwright).

The customer-login-container class in web/tailwind/components/customer.css no longer has associated styles and is kept only for backward compatibility. To fully benefit from the new layout, remove its styles from the file after updating your template files.

diff --git a/Magento_Customer/layout/customer_account_login.xml b/Magento_Customer/layout/customer_account_login.xml
index 8f7927d8b89588432b34a5c14e85e32e276dfc83..cc82b36cd2790404b2a010d0948ff044dc0097cb 100644
--- a/Magento_Customer/layout/customer_account_login.xml
+++ b/Magento_Customer/layout/customer_account_login.xml
@@ -13,17 +13,21 @@
     </head>
     <body>
         <referenceContainer name="content">
-            <container name="customer.login.container"
-                       htmlTag="div"
-                       htmlId="customer-login-container"
-                       htmlClass="login-container">
-                <block class="Magento\Customer\Block\Form\Login" name="customer_form_login"
-                       template="Magento_Customer::form/login.phtml">
+            <container
+                name="customer.login.container"
+                htmlTag="div"
+                htmlId="customer-login-container"
+                htmlClass="login-container grid gap-x-4 gap-y-8 grid-cols-1 py-8 md:grid-cols-2"
+            >
+                <block
+                    class="Magento\Customer\Block\Form\Login"
+                    name="customer_form_login"
+                    template="Magento_Customer::form/login.phtml"
+                >
                     <container name="form.additional.info" as="form_additional_info"/>
                 </block>
                 <block class="Magento\Customer\Block\Form\Login\Info" name="customer.new" template="Magento_Customer::newcustomer.phtml"/>
             </container>
         </referenceContainer>
-
     </body>
 </page>
diff --git a/Magento_Customer/templates/form/login.phtml b/Magento_Customer/templates/form/login.phtml
index dd001e866ad1a21ccc61b9815c5dc9d5f620d264..1ebf086152ba455c35565242dd3830c8a2521d4a 100644
--- a/Magento_Customer/templates/form/login.phtml
+++ b/Magento_Customer/templates/form/login.phtml
@@ -35,7 +35,7 @@ $loginButtonViewModel = $viewModels->require(LoginButton::class);
 // on the Magento_ReCaptchaCustomer module
 $recaptcha = $block->getData('viewModelRecaptcha');
 ?>
-<div class="w-full md:w-1/2 card mr-4">
+<div class="card">
     <div aria-labelledby="block-customer-login-heading">
         <form class="form form-login"
               action="<?= $escaper->escapeUrl($block->getPostActionUrl()) ?>"
diff --git a/Magento_Customer/templates/newcustomer.phtml b/Magento_Customer/templates/newcustomer.phtml
index 5460babad0a8ce8f3d3646ca24ce409655ac7746..8694bab4d8ebf9bd60d55b44dc162d6c8af537b8 100644
--- a/Magento_Customer/templates/newcustomer.phtml
+++ b/Magento_Customer/templates/newcustomer.phtml
@@ -15,7 +15,7 @@ use Magento\Framework\Escaper;
 /** @var Escaper $escaper */
 ?>
 <?php if ($block->getRegistration()->isAllowed()): ?>
-    <div class="block-new-customer card w-full md:w-1/2 my-8 md:my-0">
+    <div class="block-new-customer card">
         <div class="block-title">
             <h2 class="text-xl font-medium title-font mb-3 text-primary" role="heading"
                 aria-level="2"><?= $escaper->escapeHtml(__('New Customers')) ?></h2>

Changelogs

Find detailed changelogs in CHANGELOG.md within the codebase, or use these links:

Tooling

For comprehensive upgrade instructions, refer to the Hyvä Theme upgrade documentation.

On this page