B2B Shop: von Magento 1 auf Magento 2 mit Hyvä

Jedes Motiv ist ein eigenes Objekt mit Namen je Sprache, Altersgruppe (Baby, Kinder, Kinder und Jugend, Jugend und Erwachsene), Bildern und Sortierung. Die Pflege läuft im Admin mit CSV Import und Export. Jedes Motiv ist mit den passenden Produktoptionen verknüpft und hat eine eigene Seite je Sprache.

Geschenkpapier Rollen, Papiertragetaschen und weitere Produktarten sind eigene Objekte mit Namen je Sprache und eigener Seite. Die Seite eines Produkttyps zeigt alle Motive, die es in diesem Typ gibt. Auch hier gibt es CSV Import und Export im Admin.

Auf jeder Motiv-Seite erscheinen die lieferbaren Produkte, gruppiert nach Produkttyp. Auf jeder Produkttyp-Seite erscheinen die Motive, gruppiert nach Altersgruppe. Beides sind Widgets, die sich per Shortcode in jede CMS Seite einbauen lassen. Die Karten zeigen beim Darüberfahren Symbole für Warenkorb und Informationen.

Die Startseite zeigt die Motive in Tabs nach Altersgruppe und die Produkttypen in einem Slider. Die Slider arbeiten mit CSS Scroll Snap, also ohne zusätzliche Bibliothek. Bilder inaktiver Tabs werden erst geladen, wenn sie gebraucht werden.

Auf der Produktseite zeigt eine Ampel, ob ein Artikel lieferbar, eingeschränkt lieferbar oder ausverkauft ist. Bei gruppierten Produkten gibt es Tabs für den Firmeneindruck und eine Matrix der Preisstaffeln. Ein Schalter im Admin stellt auf die Standarddarstellung zurück.

Die Favoritenliste zeigt die gemerkten Artikel in einem Slider. Der Vergleich ist bewusst nicht von Magento abhängig und vergleicht Motive statt einzelner Produkte.

Die Hauptnavigation ist kuratiert und stammt aus einem eigenen Modul. Das Motive-Menü gruppiert nach Altersgruppe und zeigt ein Bild je Motiv samt Vorschau beim Darüberfahren. Die Bilder werden erst geladen, wenn das Menü geöffnet wird. Ein Schalter im Admin fällt auf die Standardnavigation zurück.

Stückpreise im Bruchteil eines Cents werden exakt angezeigt und exakt berechnet, im Katalog, im Warenkorb, in der Bestellung und auf Rechnungen und Gutschriften als PDF und E-Mail. Überflüssige Nullen entfallen, die Preisfelder im Admin zeigen alle vier Stellen. Dafür greift das Modul auch in die Rundung ein.

Der Mengenrabatt richtet sich nach der Summe aller Warenkorbpositionen desselben Produkttyps, nicht nur nach der einzelnen Position. Im Warenkorb rechnet das der Server. Auf Produktseite und Kategorie wird der Preis clientseitig nachgeladen, damit der Full Page Cache keinen Rabatt an den falschen Besucher ausliefert.

Regeln legen fest, bei welchem Land und welchem Bestellwert welcher Betrag als Zuschlag erscheint, optional mit Steuerklasse. Der Zuschlag ist eine eigene Summenzeile in Warenkorb, Bestellung, Rechnung und Gutschrift. Die Mehrwertsteuer darauf berechnet der offizielle Steuerdienst von Magento.

Eine Pack-Simulation verteilt die Artikel virtuell auf Pakete und Paletten mit Gewichtsgrenzen und eigenen Regeln für Rollenlängen und Tragetaschen. Aus den Paketen entstehen die Versandkosten nach Land, Region und Postleitzahl, mit einer Schwelle für versandkostenfreie Lieferung. Eine Hinweisbox im Warenkorb schlägt passende Pakete vor, die Preistabelle wird im Admin per CSV gepflegt.

Bei der ersten Bestellung, auch als Gast, steht Vorkasse zur Wahl. Ab der zweiten Bestellung steht Überweisung zur Wahl. Das Modul bildet damit den Ablauf des alten Shops nach und lässt sich im Admin abschalten.

Artikel wandern per Ajax in den Warenkorb, ohne dass die Seite neu lädt. Danach öffnet sich der Mini-Warenkorb als Seitenleiste mit Artikelnummer und Mengenfeld.

Beide Werte sind eigene Kundenattribute. Die Kundennummer wird bei jeder Bestellung festgehalten und erscheint als Spalte in der Kunden- und Bestellliste sowie in der Bestellansicht. Ein Befehl zieht sie für bestehende Bestellungen nach.

Im Anmeldefeld funktioniert die Kundennummer genauso wie die E-Mail-Adresse. Kunden mit einer technischen E-Mail-Adresse aus dem Import werden nach der Anmeldung zur Seite geleitet, auf der sie ihre E-Mail-Adresse ändern können.

Im Admin werden Bereiche der Kundenkennzahl verwaltet. Fällt ein Kunde in einen aktiven Bereich, wird er nach der Anmeldung sofort wieder abgemeldet, egal ob er sich mit E-Mail oder Kundennummer angemeldet hat.

Kunden sehen ihren Umsatz je Artikel und Monat im Kundenkonto, auch aus Bestellungen, die nicht im Shop entstanden sind. Die Daten kommen per Import in den Shop. Der Import im Admin läuft in Schritten per Ajax und zeigt den Fortschritt.

Ein Formular in allen sechs Sprachen nimmt Firmen- und Lieferdaten sowie Wünsche zum Musterpaket entgegen. Pflichtfelder werden geprüft, das Formular ist gegen CSRF gesichert, und die Anfrage geht per E-Mail an das Team.

Die Bestellnummer besteht aus Jahr und Monat mit einer laufenden Nummer und setzt die Nummerierung des alten Shops fort. Der Zähler lässt sich im Admin auf den aktuellen Stand setzen, etwa bei der Umstellung auf Live.

Neue Bestellungen werden als CSV Datei für die Warenwirtschaft exportiert, mit einer Zeile pro Bestellposition. Ein Zeiger merkt sich die zuletzt exportierte Bestellung, die Datei geht als Anhang per E-Mail raus. Dafür habe ich einen eigenen Mailversand mit Anhang gebaut, weil Magento das nicht von Haus aus kann.

Die Firma wird bei Bestelleingang aus der gewählten Adresse übernommen und bleibt auch später unverändert. Zusammen mit der Kundennummer steht sie als Spalte in der Bestellliste des Admins.

Weicht die Lieferadresse von der Rechnungsadresse ab, erscheint sie in der Bestell-E-Mail rot. So fällt der Unterschied im Team sofort auf. Der Hinweis gilt für die E-Mail an den Kunden und für die interne Kopie.

Alle E-Mail-Vorlagen sind auf Magento 2 angepasst. Die Pflichtangaben des Impressums stehen automatisch am Ende der Mails.

Einstellungen und Daten aus dem alten Shop, darunter Produkte, Kunden und Bestellungen, wurden mit dem Magento Data Migration Tool übernommen. Alles, was das Werkzeug nicht abdeckt, wird mit eigenen Modulen und Befehlen nachgezogen.

Deutsch, Englisch, Französisch, Niederländisch, Italienisch und Spanisch laufen als eigene Store Views. Dafür kommen offizielle und Hyvä-Sprachpakete zum Einsatz, für Italienisch ein Community-Paket. Startseite, Footer und Motiv-Seiten liegen in allen Sprachen vor.

Das Design des alten Shops ist als Hyvä Child Theme mit Tailwind CSS nachgebaut, mit Header, Megamenü, Footer, Startseite und der Schrift des alten Auftritts. Dazu gehören ein Header, der beim Scrollen mitläuft, und ein Knopf zurück nach oben.

Ein eigenes Modul exportiert ausgewählte CMS Seiten und Blöcke als JSON und importiert sie in einer anderen Umgebung. Zugeordnet wird über Kennung und Store View statt über Datenbank-IDs. Der Import legt an oder aktualisiert, er löscht nichts.

Bilder liegen als WebP in mehreren Größenstufen mit srcset vor. Die Inhalte der Menüs werden erst eingebunden, wenn ein Menü geöffnet wird, sodass geschlossene Menüs keine Bilder anfordern.

Auf der Warenkorbseite warf eine Zeile des Hyvä-Themes einen JavaScript Fehler. Ein kleines Modul behebt ihn, ohne das Theme im Vendor-Ordner anzufassen.

Wir überwachen den Server, skalieren ihn bei Bedarf und sichern ihn per Backup.