By default, shopware provide some layout that we can use. But to create a new custom layout according to your need in shopware 6. You can follow the below steps:
Schritt 1: Melden Sie sich im Admin-Panel an und gehen Sie zu Inhalt > Einkaufserlebnisse.
Schritt 2: Klicken Sie auf die Schaltfläche „Neues Layout erstellen“, um ein neues Layout zu erstellen.
Schritt 3: Jetzt müssen Sie den Layout-Typ auswählen. Wählen Sie einen davon nach Ihrem Bedarf
- Shop-Seite: Alle Serviceseiten des Shops werden als Shopseite bezeichnet. Z.B.: AGB-Seite, Kontaktformular und Versandbedingungen.
- Landing Page: Sie bietet Ihnen eine breite Palette an Gestaltungs- und Marketingmöglichkeiten in Ihrem Shop. Dies können Themenseiten sein, auf denen Marketing betrieben werden kann.
- Auflistungsseite: Sie ist im Grunde eine Produktauflistungsseite. Auf einer Auflistungsseite können Sie dynamisch Texte aus der entsprechenden Kategorie anzeigen.
- Produktseite: Jedes Produkt hat eine eigene Produktseite, auf der alle Informationen über dieses Produkt zu finden sind und auf der das Produkt in den Warenkorb gelegt werden kann.
Hinweis: Diese verschiedenen Layout-Typen helfen Ihnen, vorhandene Layouts schneller zu finden. Sie können den Layout-Typ auch nachträglich jederzeit über die Layout-Einstellungen ändern. Ich werde ein Shop-Seitenlayout erstellen, um Ihnen zu zeigen, wie es erstellt wird.
Schritt 4: Wählen Sie den gewünschten Abschnittstyp. Abschnitte unterteilen Ihre Arbeitsfläche in Bereiche und helfen Ihnen, kreativer zu sein. Sie können verschiedene Abschnitte kombinieren und sie jederzeit verschieben oder löschen.
- Seitenleiste: Die Seitenleiste kann verwendet werden, um die Kategorienavigation, Filter oder beides anzuzeigen.
- Volle Breite: Sie deckt den gesamten Bereich zur Gestaltung des Layouts ab.
Schritt 5: Nach der Auswahl des Abschnittstyps. Geben Sie den Namen des Layouts ein und klicken Sie auf die Schaltfläche „Layout erstellen“.
Schritt 6: Klicken Sie auf das Plus-Symbol ( + ), um die Optionen für die Blockkategorie auszuwählen.
Schritt 7: – Es gibt verschiedene Optionen für die Blockkategorien: Text, Bilder, Video, Text & Bilder, Handel, Seitenleiste, Formular. Sie können eine von ihnen je nach Ihren Anforderungen auswählen.
Schritt 8: Ich wähle die Option Bilder. In der Kategorie „Blöcke“ sind verschiedene vordefinierte Blöcke verfügbar.
Schritt 9: Sie können sie per Drag & Drop in den Editor ziehen und an der gewünschten Stelle platzieren.
Schritt 10: Klicken Sie auf die Option „Einstellung“, um die Bilder hinzuzufügen.
Schritt 11: Klicken Sie auf die Schaltfläche Datei hochladen, um ein Bild hinzuzufügen. Nachdem Sie das Bild hochgeladen haben, klicken Sie auf die Schaltfläche „Fertig“.
Schritt 12: Klicken Sie nun auf die Schaltfläche Speichern, um den gesamten Fortschritt zu speichern und das von Ihnen erstellte Layout im Frontend anzuzeigen.
Schritt 13: Gehen Sie zu Kataloge>Kategorien und klicken Sie auf die Kategorie, der Sie dieses Layout zuordnen möchten. Ich werde dieses Layout der Kategorie „Demo“ zuweisen.
Schritt 14: Gehen Sie zur Option Layout und klicken Sie auf die Schaltfläche Layout ändern, um das aktuelle Layout zu ändern, das der Kategorie Demo zugeordnet ist.
Schritt 15: Wählen Sie das Layout, das wir in den obigen Schritten erstellt haben, und klicken Sie auf die Schaltfläche Speichern.
Schritt 16: Klicken Sie nun auf die Schaltfläche Speichern der Kategorien.
Ergebnis
