Seitenlayouts
Das Layout jeder Seite in Ihrem Store besteht aus verschiedenen Abschnitten oder Containern, die die Kopf-, Fußzeilen- und Inhaltsbereiche der Seite definieren. Je nach Layout kann jede Seite über eine, zwei, drei Spalten oder mehr verfügen. Sie können sich das Layout als Bodenplan und weisen Sie ein bestimmtes Layout zu, das als Standard für CMS-, Produkt- und Kategorieseiten verwendet werden soll.
Auf der Seite schwebt der Inhaltsbaustein, um den verfügbaren Platz gemäß dem Abschnitt der Seitenlayout wo sie angezeigt werden. Beachten Sie, dass sich der Inhalt des Hauptbereichs erweitert, wenn Sie das Layout von einem dreiseitigen in ein zweispaltiges Layout ändern. Beachten Sie außerdem, dass alle Blöcke, die mit der nicht verwendeten Seitenleiste verknüpft sind, scheinbar verschwinden. Wenn Sie jedoch das dreiseitige Layout wiederherstellen, werden die Blöcke wieder angezeigt. dieser flüssige Ansatz oder flüssiges Layout ermöglicht es, das Seitenlayout zu ändern, ohne den Inhalt neu erstellen zu müssen. Wenn Sie es gewohnt sind, mit einzelnen HTML-Seiten zu arbeiten, ist dieser modulare, Baustein Ansatz erfordert eine andere Denkweise.
Standardlayouts konfigurieren
-
Im Admin Seitenleiste, navigieren Sie zu Stores > Settings>Configuration.
-
Im linken Bereich unter General auswählen Web.
-
Erweitern
-
Wählen Sie die Default Product Layout die Sie für Produktseiten verwenden möchten.
Diese Einstellung legt das Layout fest, das standardmäßig für Produktseiten verwendet wird.
No layout updates- Layoutaktualisierungen sind für Produktseiten nicht verfügbar.Empty- Verwendet ein leeres Layout für Produktseiten.1 column- Verwendet ein einspaltiges Layout für Produktseiten.2 columns with left bar- Verwendet ein zweispaltiges Layout mit der Seitenleiste auf der linken Seite für Produktseiten.2 columns with right bar- Verwendet ein zweispaltiges Layout mit der Seitenleiste auf der rechten Seite für Produktseiten.3 columns- Verwendet ein dreiseitiges Layout mit Seitenleisten auf der linken und rechten Seite für Produktseiten.
Wann Page Builder aktiviert ist, sind zusätzliche Optionen für die volle Breite verfügbar. Anschließend können Sie mit den Inhaltstools des Seitenaufbaus das Layout für Ihre Produktseiten entwerfen.
Page -- Full Width- Verwendet die Seite - Vollständige Breite Layout für Produktseiten.Category -- Full Width- Verwendet die Kategorie - Vollständige Breite Layout für Produktseiten.Product -- Full Width- (Empfohlen) Verwendet die Produkt - Vollständige Breite Layout für Produktseiten.
-
Wählen Sie die Default Category Layout die Sie für Kategorieseiten verwenden möchten.
Diese Einstellung bestimmt das Layout, das standardmäßig für Kategorieseiten verwendet wird.
No layout updates- Layoutaktualisierungen sind für Kategorieseiten nicht verfügbar.Empty- Verwendet ein leeres Layout für Kategorieseiten.1 column- Verwendet ein einspaltiges Layout für Kategorieseiten.2 columns with left bar- Verwendet ein zweispaltiges Layout mit der Seitenleiste links für Kategorieseiten.2 columns with right bar- Verwendet ein zweispaltiges Layout mit der Seitenleiste auf der rechten Seite für Kategorieseiten.3 columns- Verwendet ein dreiseitiges Layout mit Seitenleisten auf der linken und rechten Seite für Kategorieseiten.
Wann Page Builder aktiviert ist, sind zusätzliche Optionen für die volle Breite verfügbar. Anschließend können Sie mit den Inhaltstools des Seitenaufbaus das Layout für Ihre Kategorieseiten entwerfen.
Page -- Full Width- Verwendet die Seite - Vollständige Breite Layout für Kategorieseiten.Category -- Full Width- (Empfohlen) Verwendet die Kategorie - Vollständige Breite Layout für Kategorieseiten.Product -- Full Width- Verwendet die Produkt - Vollständige Breite Layout für Kategorieseiten.
-
Wählen Sie die Default Page Layout die Sie für CMS-Seiten verwenden möchten.
Diese Einstellung bestimmt das Layout, das standardmäßig für CMS-Seiten verwendet wird.
No layout updates- Layoutaktualisierungen sind für CMS-Seiten nicht verfügbar.Empty- Verwendet ein leeres Layout für CMS-Seiten.1 column- Verwendet ein einspaltiges Layout für CMS-Seiten.2 columns with left bar- Verwendet ein zweispaltiges Layout mit der Seitenleiste links für CMS-Seiten.2 columns with right bar- Verwendet ein zweispaltiges Layout mit der Seitenleiste auf der rechten Seite für CMS-Seiten.3 columns- Verwendet ein dreiseitiges Layout mit Seitenleisten auf der linken und rechten Seite für CMS-Seiten.
Wann Page Builder aktiviert ist, sind zusätzliche Optionen für die volle Breite verfügbar. Anschließend können Sie mit den Inhaltstools des Seitenaufbaus das Layout für Ihre CMS-Seiten entwerfen.
Page -- Full Width- (Empfohlen) Verwendet die Seite - Vollständige Breite Layout für CMS-Seiten.Category - Full Width- Verwendet die Kategorie - Vollständige Breite Layout für CMS-Seiten.Product - Full Width- Verwendet die Produkt - Vollständige Breite Layout für CMS-Seiten.
-
Wenn Sie fertig sind, klicken Sie auf Save Config.
Standardmäßige Seitenlayouts
Eine Spalte
Die 1 Column-Layout kann verwendet werden, um eine dramatische Startseite mit einem großen Bild oder Fokus zu erstellen. Sie eignet sich auch für Landingpages oder andere Seiten mit einer Kombination aus Text, Bildern und Videos.
Zwei Spalten mit linker Leiste
Die 2 Columns with Left Bar-Layout wird häufig für Seiten mit Navigation auf der linken Seite verwendet, z. B. für Kataloge oder Suchergebnisseiten mit mehrteiliger Navigation. Es ist auch eine hervorragende Wahl für Startseiten, die zusätzliche Navigation benötigen oder Bausteine unterstützender Inhalte auf der linken Seite.
Zwei Spalten mit rechter Leiste
Mit 2 Columns with Right Bar-Layout verwenden, ist der Hauptinhaltsbereich groß genug für ein auffälliges Bild oder Banner. Dieses Layout wird häufig auch für Produktseiten mit Bausteinen mit unterstützendem Inhalt auf der rechten Seite verwendet.
Drei Spalten
Die 3 Column Das Layout verfügt über eine mittlere Spalte, die für den Haupttext der Seite breit genug ist, wobei auf jeder Seite Platz für zusätzliche Navigation und unterstützende Inhalte vorhanden ist.
Empty
Die Empty-Layout können zur Definition benutzerdefinierter Seitenlayouts verwendet werden.