Magento version 2.4.7 was released in early April 2024 . Want to upgrade your current Magento 2 store to a newer version and benefit from improvements and security updates? get in touch. I would be happy to upgrade your store.
Customizing radio button colors in the Hyvä theme (Magento 2)
You can easily change radio button colors in your Magento 2 Hyvä theme, for example by using a predefined color:
|
1 2 3 |
input[type='radio'] { @apply text-emerald-500 focus:ring-emerald-500 } |
If you have defined your own color, the syntax is similar. Without shades:
|
1 2 3 |
input[type='radio'] { @apply text-thecolor focus:ring-thecolor } |
With shades:
|
1 2 3 |
input[type='radio'] { @apply text-thecolor-500 focus:ring-thecolor-500 } |
Overriding Snowdog menu CSS in Hyvä (Magento 2)
The Magento 2 Snowdog menu defines its own styles, including hover text colors. To override those styles or other Snowdog menu CSS, follow these steps: Open the file app/design/frontend/Theme/hyva/web/tailwind/postcss.config.js in your Hyvä child theme. Add the following code to exclude…
Changing the focus ring color in the Hyvä theme (Magento 2)
To change the focus ring color in your Hyvä theme to a custom color, edit the file app/design/frontend/Theme/hyva/web/tailwind/tailwind.config.js erledigen:
|
1 2 3 4 5 6 7 8 9 |
... theme: { extend: { ringColor: { 'thecolor': '#123456' }, } } ... |
You can then use the color, for example, like this:
|
1 |
class="... focus:ring-thecolor ..." |
. To use an existing Tailwind CSS color instead, you…
Snowdog mobile menu not showing with the Hyvä UI Stacked Header (Magento 2)
If you use the Snowdog Magento 2 menu with the Hyvä UI Stacked Header, the Snowdog mobile menu may not appear. To fix this, remove the following two lines from the file app/design/frontend/Theme/hyva/Magento_Theme/layout/default.xml in your Hyvä child theme, if present:…
Setting up the Hyvä UI Mega Footer (Footer C) (Magento 2)
Want to set up the Hyvä UI Mega Footer (Footer C) in your Magento 2 store? Here is how: First, copy the contents of the Hyvä UI Footer B (B-4-column-newsletter) src directory into your Magento 2 child theme, for example…
Getting a product attribute value for All Store Views (Magento 2)
Sometimes you need to retrieve the value of a Magento 2 product attribute for “All Store Views”, for example in a template. To do this, set the store ID to 0, load the product and the required product attribute, and…
Replacing Google Analytics services from July 2024 (Magento 1 / 2)
Do you use Google Analytics? You may have received an email with the subject All Universal Analytics properties will be deactivated from July 1, 2024 . If you do not rely on Google-specific features, this is a good opportunity to…
Fixing Cannot find module ‘@hyva-themes/hyva-modules’ (Magento 2)
When you start working with Hyvä, you may receive the following error when running npm run watch or npm run build-prod in the Tailwind directory of your Hyvä child theme: Cannot find module ‘@hyva-themes/hyva-modules’ Run the following command in that…
Fixing Undefined array key 1234 in Eav.php on line 604 (Magento 2)
You may see the following message when opening a product in Magento 2 admin: Undefined array key 1234 in vendor/magento/module-catalog/Ui/DataProvider/Product/Form/Modifier/Eav.php on line 604 The ID can vary, but the cause is the same. Rebuilding the indexes with the following command,…