Hyvä auf Magento 2 und Mage-OS installieren

Bevor Sie beginnen

Hyvä lädt weder RequireJS noch Knockout oder jQuery. Jede Erweiterung, die Frontend-Code auf die Luma-Art einbindet, funktioniert nicht mehr, bis sie angepasst ist. Der erste Schritt ist daher eine Bestandsaufnahme, keine Installation.

• Listen Sie alle aktiven Module auf, die einen Ordner view/frontend besitzen.
• Prüfen Sie für jedes Modul, ob es eine Hyvä-Version oder ein Kompatibilitätsmodul gibt.
• Legen Sie fest, was Sie selbst anpassen und was Sie abschalten können.

Unsere Artikel Hyvä-Migrations-Checkliste und Erweiterungen ohne Kompatibilitätsmodul behandeln das ausführlich.

Voraussetzungen

Installation mit Composer

Hyvä-Pakete stammen aus dem eigenen Packagist-Repository von Hyvä. Hinterlegen Sie Ihren Schlüssel und die Repository-URL aus Ihrem hyva.io-Konto und binden Sie dann das Theme ein:

composer config --auth http-basic.hyva-themes.repo.packagist.com token YOUR_KEY
composer config repositories.private-packagist composer https://hyva-themes.repo.packagist.com/YOUR_PROJECT/

composer require hyva-themes/magento2-default-theme
bin/magento setup:upgrade
bin/magento hyva:config:generate

hyva:config:generate teilt dem Tailwind-Build mit, wo die Modul-Templates liegen. Führen Sie es erneut aus, wann immer Sie ein Hyvä-fähiges Modul hinzufügen oder entfernen.

Ein Child-Theme anlegen

Bearbeiten Sie Hyva/default niemals direkt; Updates würden Ihre Arbeit überschreiben. Legen Sie ein Child-Theme an:

app/design/frontend/Vendor/hyva/
  registration.php
  theme.xml              # <parent>Hyva/default</parent>
  web/tailwind/          # kopiert aus vendor/hyva-themes/magento2-default-theme/web/tailwind

cd app/design/frontend/Vendor/hyva/web/tailwind
npm ci
npm run build

Weisen Sie das Theme anschließend hier zu: Inhalt › Design › Konfiguration. Unsere Anleitung zu Child-Themes erläutert den Aufbau ausführlicher.

Einstellungen nach der Umstellung

• Deaktivieren Sie für die Hyvä-Store-View das JavaScript-Bundling, -Merging und die -Minifizierung von Magento; Hyvä nutzt diese Funktionen nicht.
• Deaktivieren Sie auch die CSS-Minifizierung; der Tailwind-Build ist bereits minifiziert.
• Betreiben Sie den Shop im Produktionsmodus und deployen Sie die statischen Inhalte für jede Sprache, in der Sie verkaufen.
• Prüfen Sie nach jedem Deploy, dass pub/static/deployed_version.txt nur die Versionsnummer enthält, ohne abschließenden Zeilenumbruch. Ein Zeilenumbruch zerstört den Theme-Pfad, und „In den Warenkorb“, Suche und Warenkorb-Drawer fallen dann gemeinsam aus.

Was Sie vor dem Go-live testen sollten

• „In den Warenkorb“ von Kategorieseiten, Produktseiten und der Schnellansicht.
• Login, Registrierung, Passwort-Zurücksetzen, Kontakt- und Newsletter-Formulare – mit aktiviertem reCAPTCHA wie im Live-Betrieb. Aus Luma kopierten Formularen fehlt oft der form_key.
• Checkout mit jeder Zahlungsart, einschließlich der Rückkehr vom Zahlungsanbieter.
• Analytics-Events: Seitenaufrufe, add_to_cart, begin_checkout und purchase.
• Mobile Seiten mit Lighthouse, auf einem echten Smartphone ebenso wie im Browser.

Hyvä in der Türkei und in ganz Europa

MageBooster ist ein Magento-Team mit Büros in Tallinn (Estland) und Istanbul (Türkei). Wir arbeiten mit Shops in ganz Europa und in der Türkei, auf Englisch, Deutsch und Türkisch. Sie sprechen direkt mit den Menschen, die die Arbeit machen: Dasselbe Team plant, installiert und betreut Ihren Shop.

So läuft ein Projekt ab

Wir arbeiten remote mit Screen-Sharing-Calls; Sie behalten bei jedem Schritt vollen Zugriff auf Ihren Code und Server. Unsere Arbeitszeiten: Montag bis Freitag, 09:00 bis 18:00 Uhr (Istanbul-Zeit).

MageBooster Checkout

Viele Shops verlieren die meisten Kunden im Checkout. Neben Installationen entwickeln und installieren wir MageBooster Checkout, unseren eigenen Hyvä-Checkout. Er läuft auf Magento 2.4.9 und Mage-OS und bietet vier Layouts für internationale Shops – von einer einzigen Seite bis zum geführten mehrstufigen Ablauf.

• Adresse, Versand und Zahlung auf einer Seite oder in Schritten, je nach gewähltem Layout.
• Die Zahlungsarten, die in Ihrem Land erwartet werden, einschließlich Ratenzahlung für Shops in der Türkei.
• Gebaut mit Alpine.js und Tailwind CSS wie der Rest von Hyvä, ohne das JavaScript des Luma-Checkouts.

Testen Sie ihn in unserem Demo-Shop unter demo.magebooster.com. Dort werden keine echten Bestellungen ausgelöst.

Brauchen Sie Hilfe?

Wir installieren Hyvä, passen Erweiterungen an und betreuen Hyvä-Shops in der Türkei, in Deutschland, im Vereinigten Königreich und in ganz Europa.