Upgrading to 1.2.8
Upgrade to Hyvä Theme 1.2.8 for bug fixes and improvements.
The hyva-themes/magento2-theme-module is now compatible with Alpine v2 themes, resolving an incompatibility introduced in 1.2.6.
When upgrading to Hyvä Theme 1.2.8, always update the hyva-themes/magento2-theme-module to its latest version. It is safe to update the Hyva_Theme module (package hyva-themes/magento2-theme-module) even if you are not upgrading the Default Theme to 1.2.8.
Backward Incompatible Changes
While existing Hyvä 1.2.7 themes won't break, an adjustment to components/customer.css is needed to enable the improved customer login form styling.
Customer Login Form Styling Improvement
The customer-login-container class in web/tailwind/components/customer.css no longer contains styles (it's kept for backward compatibility). To apply the new layout, remove the associated styles from this file after updating the template files.
Login form templates diff
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
Refer to the CHANGELOG.md in the codebase or use these links for detailed changelogs:
Tooling
For general upgrade guidance, see the Hyvä Theme upgrade documentation.