Einführung in die Hyvä Themenentwicklung
Laut der Mit Trend gebaut Hyvä reduziert die Größe des JavaScript-Bundles um bis zu 90%+ im Vergleich zu Luma basierten Themen.
Wenn Sie schon länger mit Magento 2 arbeiten, wissen Sie bereits, wie mühsam das Standard-Frontend sein kann. Langsames Laden von Seiten, aufgeblähtes JavaScript und Core Web Vitals-Ergebnisse, die Sie hilflos machen. Genau dieses Problem wurde mit Hyvä Theme behoben, und es hat sich zur bevorzugten Frontend-Lösung für ernsthafte Magento Entwickler auf der ganzen Welt entwickelt.
In diesem Leitfaden erhalten Sie eine vollständige, praktische Anleitung, wie Sie Ihr eigenes benutzerdefiniertes Hyvä Theme in Magento 2 von Grund auf erstellen, einschließlich Dateistruktur, Konfiguration, Tailwind CSS-Einrichtung, Bereitstellung und Fehlerbehebung.
Was ist das Hyvä Theme in Magento 2?
Hyvä Theme ist ein modernes Frontend-Framework, das speziell für Magento 2 entwickelt wurde. Anstatt sich auf den traditionellen Magento Frontend-Stack zu verlassen, der mit RequireJS, KnockoutJS und umfangreichen CSS-Bibliotheken ausgestattet ist, entfernt Hyvä all das und ersetzt es durch zwei leistungsstarke und leichte Tools: Tailwind CSS für dienstprogrammbasiertes Styling und Alpine.js für reaktive Interaktivität.
Das Ergebnis ist eine Magento Storefront, die deutlich schneller lädt, weniger Bandbreite verbraucht und ein viel saubereres Entwicklererlebnis bietet. Hyvä ist nicht nur ein Thema, es ist eine völlig andere Denkweise über die Magento Frontend-Entwicklung.
Hyvä Filialen laden zwei- bis fünfmal schneller als Luma Filialen.
Ist Ihr Magento Shop noch nicht blitzschnell? Lassen Sie uns Ihre Website mit Hyvä für unübertroffene Geschwindigkeit und Leistung erweitern.
Vorteile der Verwendung von Hyvä für die Entwicklung benutzerdefinierter Themes
- Schnellere Leistung mit reduziertem JavaScript und reduzierter Seitengröße
- Verbesserte Core Web Vitals-Ergebnisse
- Vereinfachte Entwicklung mit Tailwind CSS und Alpine.js
- Einfache Anpassung mit der untergeordneten Magento Themenstruktur
- Wachsendes Ökosystem mit aktivem Support und Updates
Warum Hyvä gegenüber Luma in Magento 2 wählen?
Hyvä ist besser als Luma, weil es unnötiges JavaScript entfernt, die Leistung verbessert und die Magento 2 Frontend-Entwicklung vereinfacht.
Hier sind die Hauptgründe, warum Magento Shop-Besitzer das Hyvä Theme dem Standard-Magento Luma Theme vorziehen.
- Lädt Seiten deutlich schneller mit reduzierten Abhängigkeiten
- Verbessert die wichtigsten Web-Vitalwerte (LCP, TTI, CLS)
- Bietet ein besseres Benutzererlebnis mit schnelleren Interaktionen
- Vereinfacht die Entwicklung durch Eliminierung der RequireJS-Komplexität
- Verwendet moderne Technologien wie Tailwind CSS und Alpine.js
- Reduziert die Debugging-Zeit und verbessert die Lesbarkeit des Codes
Voraussetzungen für die Erstellung eines Hyvä Themes in Magento 2
Stellen Sie vor dem Start sicher, dass Ihre Magento Umgebung diese Anforderungen erfüllt.
Kompatibilität der Magento Version
Das Magento Hyvä Theme unterstützt Magento Open Source und Adobe Commerce. Die aktuelle Kompatibilitätsmatrix lautet:
Kompatibilität der Magento Version
Das Hyvä Theme unterstützt sowohl Magento Open Source als auch Adobe Commerce. Zu den empfohlenen Versionen gehören:
- Magento 2.4.4-p9
- Magento 2.4.5-p8
- Magento 2.4.6-p7
- Magento 2.4.7-p1 oder höher
Überprüfen Sie immer die neuesten Kompatibilitätsaktualisierungen anhand der offiziellen Hyvä Dokumentation, bevor Sie fortfahren.
Systemanforderungen
- PHP: 7.4, 8.1, 8.2, 8.3 oder 8.4
- Komponist: Version 2.x
- Node.js: 16+ (erforderlich für Tailwind CSS-Kompilierung)
- NPM oder Yarn für Frontend-Build-Tools
Hyvä Lizenz und Zugriff
- Eine gültige Hyvä Lizenz ist erforderlich
- A Hyvä Packagist-Schlüssel wird benötigt, um das Theme zu installieren
Installieren Sie das Hyvä Theme in Magento 2
Um das Basis-Hyvä Theme in Magento 2 zu installieren, müssen Sie zunächst Ihren Packagist-Authentifizierungsschlüssel hinzufügen, das private Hyvä Repository bei Composer registrieren und dann das Standard-Theme-Paket anfordern.
Führen Sie zunächst diesen Befehl aus, um Ihre Authentifizierungsdaten hinzuzufügen:
composer config --auth http-basic.hyva-themes.repo.packagist.com token yourLicenseAuthenticationKey
Fügen Sie dann das Hyvä Composer-Repository hinzu:
composer config repositories.private-packagist composer https://hyva-themes.repo.packagist.com/yourProjectName/
Installieren Sie nun das Standard-Hyvä Theme:
composer require hyva-themes/magento2-default-theme
Wenn Sie wissen möchten, wie Sie das Hyvä Theme Schritt für Schritt in Magento 2 installieren, lesen Sie diese Anleitung: So installieren Sie Hyvä Themes in Magento 2
Installieren Sie nun das Standard-Hyvä Theme:
composer require hyva-themes/magento2-default-theme
Führen Sie nach der Installation des Pakets das Magento Setup-Upgrade aus:
bin/magento setup:upgrade
Sobald die Installation abgeschlossen ist, gehen Sie zu Ihrem Magento Admin Panel. Navigieren Sie zu Inhalt → Design → Konfigurationund aktivieren Sie das Hyvä Standarddesign für Ihre Shop-Ansicht.
Wenn das Basisthema aktiv ist, können Sie nun darauf Ihr eigenes benutzerdefiniertes untergeordnetes Thema erstellen.
Die Struktur des Hyvä Themas verstehen
Bevor Sie Dateien erstellen, ist es wichtig zu verstehen, wie das Hyvä Theme aufgebaut ist. Dieses grundlegende Wissen wird dazu beitragen, die Debugging-Zeit zu verkürzen und die Entwicklungseffizienz zu verbessern.
Standardmäßige Hyvä Theme-Architektur
Das Hyvä Standardthema befindet sich im Anbieterverzeichnis unter folgendem Pfad:
vendor/hyva-themes/magento2-default-theme/
Dieses Verzeichnis folgt der Standard-Magento Themenstruktur mit zusätzlichen Hyvä spezifischen Verbesserungen. Das kritischste Unterverzeichnis ist der Webordner, der Folgendes enthält:
- Tailwind CSS-Konfiguration
- Kompilierte CSS-Ausgabe
- Alpine.js-bezogene Dateien
Vorlagendateien und Layout-XML folgen den Standardkonventionen von Magento. Wenn Sie mit Magento Theming vertraut sind, können Sie mit Hyvä arbeiten, ohne bei Null anfangen zu müssen.
Eltern-Kind-Themenkonzept
Hyvä verwendet Magentos natives Eltern-Kind-Theme-Vererbungsmodell. Wenn Sie ein untergeordnetes Thema erstellen und Hyvä/default als übergeordnetes Thema festlegen, greift Magento für alle Dateien, die im untergeordneten Thema nicht überschrieben werden, automatisch auf das übergeordnete Thema zurück.
Dieser Ansatz gewährleistet:
- Minimale Codeduplizierung
- Einfachere Wartung
- Nahtlose Updates, wenn neue Hyvä Versionen veröffentlicht werden
Wichtige Verzeichnisse und Dateien erklärt
Die folgenden Dateien sind für die Erstellung eines benutzerdefinierten Hyvä Themes unerlässlich:
- theme.xml – Definiert den Theme-Namen und das übergeordnete Theme
- Registration.php – Registriert das Theme bei Magento
- Composer.json – Deklariert das Theme als Composer-Paket
- web/ – Enthält Tailwind CSS-Konfiguration, kompilierte Stile und benutzerdefiniertes JavaScript
- Vorlagen und Layout-XML – Befolgen Sie für Überschreibungen die standardmäßige modulbasierte Struktur von Magento
Schritt-für-Schritt-Anleitung zum Erstellen eines benutzerdefinierten Hyvä Themes in Magento 2
Lassen Sie uns nun ein benutzerdefiniertes untergeordnetes Thema erstellen. In diesem Beispiel erstellen wir ein Theme mit dem Namen hyva_child unter dem Hersteller-Namespace iCreative. Sie können diese Namen durch Ihre eigenen ersetzen.
Schritt 1: Erstellen Sie ein neues Theme
Erstellen Sie in Ihrer Magento Installation das folgende Verzeichnis:
app/design/frontend/icreative/hyva_child/
Dies folgt der Standard-Themenstruktur von Magento:
app/design/frontend/VendorName/ThemeName
Profi-Tipp für Produktionsfilialen: Laufen Sie immer setup:static-content:deploy mit Ihren spezifischen Gebietsschema-Flags, um die Bereitstellung unnötiger Gebietsschemas zu vermeiden. Zum Beispiel: php bin/magento setup:static-content:deploy en_US -f
Schritt 2: Theme-Registrierungsdateien definieren
Jedes Magento Theme erfordert zwei wesentliche Dateien:
- theme.xml
- Registration.php
Diese Dateien informieren Magento über die Existenz und Konfiguration Ihres benutzerdefinierten Themes.
Schritt 3: Theme.xml und Registration.php konfigurieren
Erstellen Sie die Datei theme.xml am folgenden Speicherort:
Diese Datei definiert Ihr Theme und verknüpft es mit dem übergeordneten Hyvä Theme.
app/design/frontend/iCreative/hyva_child/theme.xml
Theme.xml
Erstellen Sie diese Datei unter:
app/design/frontend/iCreative/hyva_child/theme.xml
<?xml version="1.0"?>
<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
<title>ICreative Hyva ChildTheme</title>
<parent>Hyva/default</parent>
</theme>
Registration.php
Erstellen Sie diese Datei unter:
app/design/frontend/iCreative /hyva_child/registration.php
<?php
use Magento\Framework\Component\ComponentRegistrar;
ComponentRegistrar::register(
ComponentRegistrar::THEME,
'frontend/iCreative/hyva_child',
__DIR__
);
Nach dem Erstellen dieser Dateien
Führen Sie die folgenden Magento Befehle aus:
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy -f
php bin/magento cache:flush
Dann aktivieren Sie Ihr Theme von:
Admin → Inhalt → Design → Konfiguration
Registration.php
Um Ihr benutzerdefiniertes Theme ordnungsgemäß als Composer-Paket zu strukturieren (empfohlen für Skalierbarkeit und Bereitstellungsworkflows), erstellen Sie eine Composer.json-Datei in Ihrem Theme-Verzeichnis.
{
"name": "iCreative/hyva-child-theme",
"description": "Custom Hyva child theme for Magento 2",
"type": "magento2-theme",
"require": {
"php": ">=7.4"
},
"autoload": {
"files": [
"registration.php"
]
},
"extra": {
"map": [
[
"*",
"iCreative/hyva_child"
]
]
}
}
Schritt 4: Übergeordnetes Thema festlegen (Hyvä/Standard)
Das übergeordnete Theme ist bereits in theme.xml mit der Zeile deklariert Hyvä/default. Dadurch wird Ihr Child-Theme mit dem Hyvä Basis-Theme verknüpft.
Eine wichtige Sache ist hier zu beachten: Die übergeordnete Kennung muss genau Hyvä/default mit dieser spezifischen Schreibweise lauten. Die Verwendung der falschen Groß-/Kleinschreibung ist ein häufiger Fehler, der dazu führt, dass das Theme nicht richtig geladen wird.
Kopieren Sie nun den Webordner aus dem Hyvä Standardthema in Ihr untergeordnetes Thema. Dies ist erforderlich, damit die CSS-Kompilierung von Tailwind ordnungsgemäß funktioniert:
cp -r vendor/hyva-themes/magento2-default-theme/web/ app/design/frontend/iCreative/hyva_child/web/
Schritt 5: Führen Sie die Magento Setup-Befehle aus
Wenn alle Designdateien vorhanden sind, führen Sie die folgenden Befehle aus, um das Design zu registrieren und Assets bereitzustellen:
bin/magento setup:upgrade
bin/magento cache:clean
bin/magento cache:flush
```
After these commands complete, go to Content, then Design, then Configuration in your Magento Admin Panel, select your new Hyvä child theme from the dropdown, and save the configuration.
---
## Customizing Your Hyvä Theme
With the child theme active, you can now start customizing it. Hyvä follows standard Magento conventions for template and layout overrides, so if you have worked with Luma-based themes before, most of this will feel familiar.
### Modifying Layout XML Files
To override a layout XML file from the Hyvä default theme or from any Magento module, create the corresponding file in your child theme under the same path it would appear in the module.
For example, to override the catalog product view layout, create:
```
app/design/frontend/iCreative/hyva_child/Magento_Catalog/layout/catalog_product_view.xml
```
Your overrides will be merged on top of the parent theme and module layout XML files during the layout building process.
### Customizing Templates (.phtml)
Template overrides work the same way. To override a .phtml file from the Hyvä theme or from a Magento module, mirror the file path inside your child theme directory.
For example, to override the product name template:
```
app/design/frontend/iCreative/hyva_child/Magento_Catalog/templates/product/view/name.phtml
```
Magento will use your version of the file instead of the parent theme version. Only copy files you actually need to change. Keeping unnecessary copies of template files makes upgrades more difficult.
### Working with Tailwind CSS in Hyvä
This is where Hyvä Theme development differs from standard Magento theming. Hyvä uses Tailwind CSS, which means styles are generated at compile time based on the classes found in your template files.
Open the Tailwind configuration file in your child theme:
```
app/design/frontend/iCreative/hyva_child/web/tailwind/tailwind.config.js
Fügen Sie im Abschnitt „Inhalt“ oder „Bereinigung“ den Pfad zu den übergeordneten Theme-Vorlagen hinzu, damit Tailwind sie beim Generieren von CSS scannt:
content: [
'../../**/*.phtml',
'../../*/layout/*.xml',
'../../../../../../../vendor/hyva-themes/magento2-default-theme/**/*.phtml',
'../../../../../../../vendor/hyva-themes/magento2-default-theme/*/layout/*.xml',
]
Dadurch wird sichergestellt, dass Tailwind-CSS-Klassen, die in übergeordneten Theme-Vorlagen verwendet werden, während des Bereinigungsschritts nicht entfernt werden.
Um Tailwind-Abhängigkeiten zu installieren, navigieren Sie zum Tailwind-Verzeichnis und führen Sie Folgendes aus:
npm install
Verwenden Sie während der Entwicklung den Überwachungsmodus, um Stile automatisch zu kompilieren, wenn Sie Änderungen vornehmen:
npm run watch
Erstellen Sie für die Produktion optimierte und minimierte Stile:
npm run build-prod
Hinzufügen benutzerdefinierter Stile und Skripte
Sie können über das, was Tailwind generiert, benutzerdefiniertes CSS hinzufügen, indem Sie ein Stilverzeichnis in Ihrem Webordner erstellen und es über eine Layout-XML-Datei oder direkt in die Überschreibung „default_head_blocks.xml“ einbinden.
Für benutzerdefiniertes JavaScript verwendet Hyvä Alpine.js für Interaktivität auf Komponentenebene. Sie können benutzerdefinierte Alpine.js-Komponenten mithilfe von Inline-Skript-Tags direkt in Ihren .phtml-Vorlagen definieren oder sie als separate JavaScript-Dateien über Layout-XML laden.
Warum eignet sich das Hyvä Theme am besten für die Geschwindigkeitsoptimierung von Magento 2?
Der Leistungsvorteil von Hyvä ist kein Zufall. Dies ist das direkte Ergebnis der Entfernung der Frontend-Abhängigkeiten, die Magento in der Vergangenheit langsam gemacht haben.
Warum ist Hyvä schneller als Luma?
Luma lädt RequireJS, KnockoutJS, jQuery UI und mehrere andere Bibliotheken, nur um eine einfache Storefront-Seite zu rendern. Diese JavaScript-Dateien sind groß, blockierend und für die jeweilige angezeigte Seite oft völlig unnötig.
Hyvä ersetzt all dies durch Alpine.js, das nur einen Bruchteil der Größe von KnockoutJS hat. Tailwind CSS generiert nur die Stile, die tatsächlich in Ihren Vorlagen verwendet werden. Das Ergebnis sind deutlich geringere Seitennutzlasten, weniger Rendering-blockierende Ressourcen und viel schnellere Time-to-Interactive-Scores.
Best Practices für die Geschwindigkeitsoptimierung von Hyvä Themen
Um die Leistungsfähigkeiten des Hyvä Themes in Magento 2 voll auszuschöpfen, ist es wichtig, strukturierte Optimierungspraktiken zu befolgen, die auf moderne Frontend-Architektur und Core Web Vitals abgestimmt sind.
Wichtige Optimierungspraktiken:
- Führen Sie vor der Bereitstellung Produktionsbuilds aus – Führen Sie immer npm run build-prod aus, bevor Sie live gehen. Dadurch wird die CSS-Bereinigung von Tailwind aktiviert, wodurch ungenutzte Dienstprogrammklassen entfernt und die endgültige CSS-Bundle-Größe erheblich reduziert wird.
- Beschränken Sie Skripte von Drittanbietern –
Vermeiden Sie das Einfügen unnötiger externer Skripte über Layout-XML. Jedes zusätzliche Skript erhöht die Netzwerkanforderungen, blockiert das Rendern und wirkt sich negativ auf die Leistungsmetriken aus. - Implementieren Sie Lazy Loading für Medien – Verwenden Sie das Attribut „loading=“lazy“ für Produkt- und Inhaltsbilder unterhalb der Falte. Dies verkürzt die anfängliche Ladezeit der Seite und verbessert Largest Contentful Paint (LCP).
- Optimieren Sie die Nutzung von Alpine.js – Halten Sie die Komponenten von Alpine.js modular und leichtgewichtig. Vermeiden Sie tief verschachtelte Reaktivitätsstrukturen, sofern dies nicht erforderlich ist, da diese zu unnötiger Komplexität und Verarbeitungsaufwand führen können.
Testen und Bereitstellen Ihres benutzerdefinierten Hyvä Themes
Entwicklermodus aktivieren
Schalten Sie Magento vor dem Testen in den Entwicklermodus. Dadurch wird das Zwischenspeichern kompilierter Dateien deaktiviert und das Debuggen erheblich vereinfacht:
bin/magento „deploy:mode:set Developer“.
Im Entwicklermodus generiert Magento bei jeder Seitenanforderung statische Dateien neu, sodass Änderungen an Vorlagen und Layout-XML sofort übernommen werden, ohne dass statische Inhalte erneut bereitgestellt werden müssen.
Bereitstellung statischer Inhalte
Wenn Sie bereit sind, zur Produktion oder zum Staging überzugehen, erstellen Sie zunächst eine Sicherungskopie Ihres pub/static-Verzeichnisses. Bereinigen Sie dann die vorhandenen statischen Dateien und stellen Sie sie neu bereit:
rm -rf pub/static/frontend/
php bin/magento setup:static-content:deploy -f
Geben Sie für mehrsprachige Shops Sprachcodes an:
php bin/magento setup:static-content:deploy en_US en_GB -f
Stellen Sie vor der Bereitstellung statischer Inhalte sicher, dass Sie „npm run build-prod“ im Tailwind-Verzeichnis Ihres untergeordneten Themes ausgeführt haben. Die kompilierte CSS-Datei unter web/tailwind/css/output.css muss vor der Bereitstellung statischer Inhalte vorhanden sein.
Cache-Verwaltung und -Tests:
Leeren Sie nach der Bereitstellung alle Caches:
bin/magento cache:clean
bin/magento cache:flush
Testen Sie Ihr Theme auf allen wichtigen Seiten: Startseite, Kategorieseiten, Produktdetailseiten, Warenkorb und Kasse. Achten Sie besonders auf das Verhalten der Alpine.js-Komponenten, da die meisten Hyvä Interaktivitäten davon abhängen, dass sie korrekt geladen werden.
Verwenden Sie Chrome DevTools, um zu überprüfen, dass keine älteren JavaScript-Bibliotheken wie RequireJS oder KnockoutJS auf Ihren Hyvä Seiten geladen werden. Wenn dies der Fall ist, werden sie wahrscheinlich durch eine Erweiterung eingefügt.
Leitfaden zur Fehlerbehebung beim Hyvä Theme (Behebung häufiger Magento 2 Probleme)
- Das Thema zeigt kein Problem an
Lösung – Wenn Ihr Child-Theme nicht im Dropdown-Menü „Designkonfiguration“ angezeigt wird, liegt die wahrscheinlichste Ursache an einer fehlenden oder falsch formatierten Datei „registration.php“. Überprüfen Sie die darin enthaltene Themenpfadzeichenfolge noch einmal
ComponentRegistrar::register entspricht genau Ihrem tatsächlichen Verzeichnispfad.
Stellen Sie außerdem sicher, dass Sie „bin/magento setup:upgrade“ ausgeführt haben, nachdem Sie die Designdateien hinzugefügt haben. Magento muss während der Einrichtung neue Theme-Komponenten scannen und registrieren.
2) Statische Dateien werden nicht geladen
Wenn CSS oder JavaScript nach der Bereitstellung nicht korrekt geladen werden, überprüfen Sie die folgenden Dinge der Reihe nach.
Bestätigen Sie zunächst, dass „output.css“ unter app/design/frontend/iCreative/hyva_child/web/tailwind/css/output.css vorhanden ist. Wenn diese Datei fehlt, wurde Tailwind nicht kompiliert. Führen Sie „npm install“ und anschließend „build-prod“ im Tailwind-Verzeichnis aus.
Überprüfen Sie zweitens, ob tatsächlich publizierte/statische Dateien für Ihr Design und Gebietsschema bereitgestellt wurden. Überprüfen Sie pub/static/frontend/iCreative/hyva_child/ auf Ihre kompilierten Assets.
Drittens überprüfen Sie die Dateiberechtigungen. Statische Dateien in pub/static müssen vom Webserver lesbar sein.
3) Cache- und Kompilierungsfehler
Wenn nach dem Vornehmen von Vorlagenänderungen Fehlermeldungen über fehlendes CSS oder Layoutprobleme angezeigt werden, löschen Sie den kompilierten Code und generieren Sie Folgendes neu:
bin/magento cache:clean
bin/magento cache:flush
rm -rf generated/code
bin/magento setup:di:compile
Best Practices für die Hyvä Theme-Entwicklung für Magento 2
- Behalten Sie eine saubere Codestruktur bei
Fügen Sie nur Dateien in Ihr Child-Theme ein, die Sie tatsächlich überschreiben müssen. Jede Datei, die Sie aus dem übergeordneten Thema kopieren, wird zu einer Datei, für deren Pflege Sie verantwortlich sind. Wenn Hyvä Updates veröffentlicht, erhalten Dateien, die Sie lokal kopiert haben, diese Updates nicht automatisch.
2. Befolgen Sie die Magento Codierungsstandards
Hyvä Vorlagen sind immer noch Magento-.phtml-Dateien, was bedeutet, dass dieselben Escape-, Übersetzungs- und Codierungsstandards gelten. Verwenden Sie immer $escaper->escapeHtml() für Ausgabe-Escapes. Verwenden Sie $block->trans() oder __() für übersetzbare Zeichenfolgen. Halten Sie Geschäftslogik von Vorlagen fern.
3. Optimieren Sie für SEO und Core Web Vitals
Hyvä verschafft Ihnen einen großen Vorsprung bei den Core Web Vitals, aber Sie können noch weitere Dinge tun, um Ihre Ergebnisse weiter zu steigern.
Laden Sie Ihre primären Schriftarten über den Link vor rel=“vorladen“ im Themenkopf. Vermeiden Sie das Hinzufügen großer Hero-Bilder über dem Falz ohne die richtige Größe und Komprimierung. Verwenden Sie die Attribute „Breite“ und „Höhe“ für alle IMG-Tags, um eine kumulative Layoutverschiebung zu vermeiden. Minimieren Sie die Anzahl der benutzerdefinierten Alpine.js-Komponenten, die beim Laden der Seite initialisiert werden, wenn sie nicht sofort benötigt werden.
iCreative Technologies – führende Hyvä Themenagentur in den USA und Deutschland
iCreative Technologies ist führend Entwicklungsagentur für Hyvä Themen, Bereitstellung erstklassiger Hyvä Themendienste in den USA und in ganz Europa, einschließlich Deutschland, den Niederlanden, Frankreich und Italien.
Mit einem Team von zertifizierten Hyvä EntwicklernDas Unternehmen ist auf die Erstellung leistungsstarker, blitzschneller Magento 2 Storefronts spezialisiert, die auf dem Hyvä Theme basieren. Der Entwicklungsansatz konzentriert sich auf Geschwindigkeitsoptimierung, saubere Architektur und skalierbare Frontend-Lösungen, die auf den modernen E-Commerce zugeschnitten sind.
Wir verfügen über jahrzehntelange Erfahrung als führendes Unternehmen für die Entwicklung von Hyvä Themen.
Möchten Sie auf das Hyvä Theme migrieren oder benötigen Sie einen benutzerdefinierten Hyvä Shop-Entwicklungspartner? Beginnen wir mit einem kostenloses 30-minütiges Strategiegespräch.
FAQs – Erstellen Sie ein Hyvä Theme
Der Hyvä Theme ist eine moderne Frontend-Lösung für Magento 2, die Luma durch einen leichtgewichtigen Stack mit Tailwind CSS und Alpine.js ersetzt. Es verbessert die Leistung, vereinfacht die Entwicklung und verbessert die Benutzererfahrung.
Um ein benutzerdefiniertes Hyvä Theme zu erstellen, müssen Sie ein untergeordnetes Thema erstellen App/Design/Frontend, definieren theme.xml und Registration.php, legen Sie Hyvä/default als übergeordnetes Thema fest und stellen Sie statische Inhalte bereit.
Die Hyvä Lizenz kostet normalerweise ca 1.000 € (einmalige Gebühr) pro Magento Installation.
Wichtige Erkenntnisse zur Preisgestaltung:
- Einmalige Zahlung (nicht abonnementbasiert)
- Beinhaltet lebenslange Updates
- Gültig für eine einzelne Magento Instanz
- Für zusätzliche Erweiterungen (wie Hyvä Checkout) gelten möglicherweise gesonderte Preise
Diese Preisgestaltung macht Hyvä zu einer kostengünstigen Alternative im Vergleich zu langfristigen Frontend-Entwicklungskosten.
Das Unternehmen hinter Hyvä konzentriert sich auf Vereinfachung der Magento Frontend-Entwicklung.
Kernaktivitäten:
- Entwicklung des Hyvä Themes für Magento 2
- Bereitstellung leistungsorientierter Frontend-Lösungen
- Unterstützung von Entwicklern mit Dokumentation und Tools
- Aufbau eines Ökosystems kompatibler Erweiterungen
Hyväs Ziel ist es Komplexität reduzieren und Leistung verbessern in Magento Shops, die traditionell unter einem langsamen Frontend-Rendering leiden.
Hyvä Theme verbessert die Geschwindigkeit von Magento 2, vereinfacht die Entwicklung und verbessert Core Web Vitals durch die Reduzierung von JavaScript und die Verwendung moderner Frontend-Tools.
