Sie können die Farbe des Radio Buttons im Hyvä Theme in Ihrem Magento 2 Shop sehr einfach anpassen, entweder mit einer vordefinierten Farbe, das könnte dann so aussehen:
|
1 2 3 |
input[type='radio'] { @apply text-emerald-500 focus:ring-emerald-500 } |
Wenn Sie eine eigene Farbe definiert haben, sieht es ähnlich aus:…
Das Magento 2 Snowdog Menü definiert sein eigenes Layout für z.B. die Hover Textfarbe. Um diese oder anderes CSS des Snowdog Menüs zu überschreiben, gehen Sie folgendermaßen vor: Öffnen Sie die Datei app/design/frontend/Theme/hyva/web/tailwind/postcss.config.js Ihres Hyvä Child Themes Fügen Sie den…
Wenn Sie die Farbe des Fokusrings in Ihrem Hyvä Theme anpassen und eine individuelle Farbe verwenden möchten, können Sie das in der Datei 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' }, } } ... |
Zugriff auf die Farbe haben Sie dann z.B. mit dem Code:
|
1 |
class="... focus:ring-thecolor ..." |
. Wenn Sie…
Führen Sie die folgenden Befehle in Ihrem Magento 2 Rootordner aus, um das Zusammenfügen von CSS zu deaktivieren:
|
1 2 3 |
php bin/magento config:set dev/css/merge_css_files 0 php bin/magento cache:clean php bin/magento cache:flush |
Um das Zusammenfügen wieder zu aktivieren, müssen folgende Befehle ausgeführt werden:
|
1 2 3 |
php bin/magento config:set dev/css/merge_css_files 1 php bin/magento cache:clean php bin/magento cache:flush |
Diese Vorgehensweise funktioniert ab Magento 2.2
Manchmal werden die JS und CSS Dateien in Magento 2 nicht korrekt geladen. Wenn Sie die JS und CSS Resourcen also manuell erstellen möchten oder, können Sie dies ganz einfach in der Linux Konsole durchführen. Folgender Befehel erstellt die Dateien:…
Mittels CSS lässt sich der Lagerstatus eines Produktes einfach von der Magento Produktdetailseite entfernen. Fügen Sie den folgenden Code in Ihre genutzte CSS Datei ein.
|
1 2 3 4 |
.availability.in-stock, .availability.out-of-stock { display: none; } |