Hyvä: Anleitungen und Praxiswissen | Seite 7 | mironsoft Blog
Hyvä
-
16.06.2025
Alpine.js gilt als leichtgewichtige Alternative zu Vue oder React, doch auch mit Alpine lässt sich eine Produktlistenseite spürbar verlangsamen. Dieser Artikel erklärt, wie Alpines Proxy-basierte Reaktivität wirklich funktioniert, wie x-for große Listen ruckelfrei rendert, wann x-show statt x-if sinnvoll ist und wie geteilter State über Alpine.store Dutzende einzelne Komponenten überflüssig macht.
-
14.06.2025
Wer Header und Footer direkt im phtml-Template hart codiert, verliert bei jedem Theme-Update und jeder Modul-Erweiterung wertvolle Zeit: Blöcke lassen sich nicht sauber verschieben, Drittmodule finden keinen Einstiegspunkt, und jede Anpassung endet in einer vollständigen Template-Kopie. Header und Footer per Layout-XML zu strukturieren löst genau dieses Problem - mit Containern, Blöcken und ViewModels, die auch nach dem nächsten Hyvä-Update noch funktionieren.
-
13.06.2025
Lazy Loading für Produktbilder spart Datenvolumen und beschleunigt den ersten Seitenaufbau, kann aber bei falscher Konfiguration ausgerechnet das Bild verzögern, das für den Largest Contentful Paint entscheidend ist. Dieser Artikel zeigt, wie man diese Technik in Hyvä-Galerie-Templates, Kategorie-Grids und responsiven Bildquellen so konfiguriert, dass Ladezeit und Core Web Vitals gleichzeitig profitieren.
-
06.06.2025
Der Hyvä Checkout besteht aus Alpine.js Komponenten ohne Knockout.js und ohne UI-Components, gestylt allein mit Tailwind CSS Utility-Klassen. Wer die richtigen Hyvä Checkout Styling Muster für Schrittindikator, Zahlungsartenauswahl und Bestellübersicht kennt, vermeidet Layout-Shifts, unklare Fehlerzustände und inkonsistente Abstände zwischen den Checkout-Schritten.
-
29.05.2025
Die Hyvä Tailwind-Config ist das zentrale Steuerelement für Farben, Schriften, Abstände und Plugins im Magento-2-Frontend, entscheidet aber auch darüber, ob Tailwind wirklich jede genutzte Klasse im gebauten CSS findet oder ob Styles im Storefront plötzlich fehlen. Dieser Artikel zeigt, wie ein Child-Theme wie Mironsoft/default die tailwind.config.js des Hyvä-Parent-Themes per require() und Object-Spread erweitert, wie theme.extend eigene Design-Tokens für Farben, Fonts und Spacing aufnimmt, wie Plugins wie Typography, Forms und Aspect-Ratio registriert werden und wie die content-Pfade so konfiguriert sind, dass Tailwind alle phtml-, JS- und Alpine-Dateien im Theme und in Hyvä-Modulen zuverlässig erfasst.
-
29.05.2025
Alpine.js macht Hyvä Frontends schnell und reaktiv, aber genau diese Reaktivität wird zur Falle für E2E Tests, wenn sie mit festen Wartezeiten statt echten Zustandsprüfungen abgesichert wird. Dieser Artikel zeigt, wie Cypress und Playwright Alpine gesteuerte Mini Cart und Wishlist Interaktionen zuverlässig testen, ohne auf brüchige Selektoren oder feste Timeouts angewiesen zu sein, und wie sich Hyvä's client seitiges Verhalten von klassischem, serverseitig gerendertem Magento unterscheidet.
-
25.05.2025
Wer Luma-Layout-Gewohnheiten unreflektiert in ein Hyvä-Theme überträgt, schleppt jsLayout-Reste, RequireJS-Verweise und überflüssige Blockklassen mit. Hyvä Layout-XML nutzt weiterhin das reguläre Magento-Schema, ersetzt die Knockout-lastigen Konventionen von Luma aber durch schlanke Block-Template-ViewModel-Kombinationen.
-
25.05.2025
Nicht jedes Compatibility-Modul verdient einen Platz im Produktivsystem. Wer Luma-Fallbacks blind aktiviert, statt sie gezielt zu auditieren, zahlt mit Ladezeit, CSP-Verstößen und unnötigem Wartungsaufwand für Rendering-Pfade, die kein Kunde je zu Gesicht bekommt.
-
22.05.2025
Getrennte Warenkorb-Logik oder reicht eine zusätzliche Sprachvariante? Diese Entscheidung wird oft zu früh und zu technisch getroffen. Wir zeigen den Entscheidungsrahmen und die konkreten Folgen für Theme-Fallback, Caching und Deployment in einem Hyvä-Setup.
-
12.05.2025
Nicht jede Seite muss vollständig headless werden, damit einzelne Bereiche sich wie eine moderne Client-Anwendung verhalten. Wir zeigen, wie Hyvä als serverseitig gerenderte Basis mit gezielten Headless-Inseln kombiniert wird und wo diese Architektur an ihre Grenzen stößt.