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 der Seite vorstellen und ein bestimmtes Layout zuweisen, 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 des Seitenlayouts zu füllen, in dem er angezeigt werden soll. 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 (das "flüssige Layout") ermöglicht es, das Seitenlayout zu ändern, ohne den Inhalt neu erstellen zu müssen. Wenn Sie die Arbeit mit einzelnen HTML-Seiten gewohnt sind, erfordert dieser modulare Ansatz, Baustein, eine andere Denkweise.
Standardlayouts konfigurieren
-
Wechseln Sie in der Seitenleiste Admin zu Stores > Settings>Configuration.
-
Wählen Sie im linken Bereich unter General die Option Web.
-
Erweitern Sie
-
Wählen Sie die Default Product Layout aus, 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.
Wenn Seitenaufbau aktiviert ist, stehen zusätzliche Optionen für die volle Breite zur Verfügung. Anschließend können Sie mit den Inhaltstools des Seitenaufbaus das Layout für Ihre Produktseiten entwerfen.
Page -- Full Width- Verwendet das Layout Seite - Vollbreite für Produktseiten.Category -- Full Width- Verwendet das Layout Kategorie - volle Breite für Produktseiten.Product -- Full Width- (Empfohlen) Verwendet das Layout Produkt - Vollständige Breite für Produktseiten.
-
Wählen Sie die Default Category Layout aus, 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 nicht für Kategorieseiten verfügbar.Empty- Verwendet ein leeres Layout für Kategorieseiten.1 column- Verwendet ein einzelnes Spaltenlayout 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.
Wenn Seitenaufbau aktiviert ist, stehen zusätzliche Optionen für die volle Breite zur Verfügung. Anschließend können Sie mit den Inhaltstools des Seitenaufbaus das Layout für Ihre Kategorieseiten entwerfen.
Page -- Full Width- Verwendet das Layout Seite - Vollbreite für Kategorieseiten.Category -- Full Width- (Empfohlen) Verwendet das Layout Kategorie - Vollständige Breite für Kategorieseiten.Product -- Full Width- Verwendet das Layout Produkt - Vollständige Breite für Kategorieseiten.
-
Wählen Sie die Default Page Layout aus, 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 auf der linken Seite 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.
Wenn Seitenaufbau aktiviert ist, stehen zusätzliche Optionen für die volle Breite zur Verfügung. Anschließend können Sie mit den Inhaltstools des Seitenaufbaus das Layout für Ihre CMS-Seiten entwerfen.
Page -- Full Width- (Empfohlen) Verwendet das Layout Seite - Vollständige Breite für CMS-Seiten.Category - Full Width- Verwendet das Layout Kategorie - Vollbreite für CMS-Seiten.Product - Full Width- Verwendet das Layout Produkt - Vollständige Breite für CMS-Seiten.
-
Klicken Sie nach Abschluss des Vorgangs auf Save Config.
Standardmäßige Seitenlayouts
Eine Spalte
Mit dem Layout 1 Column können Sie eine dramatische Startseite mit einem großen Bild oder Fokus erstellen. Sie eignet sich auch für Landingpages oder andere Seiten mit einer Kombination aus Text, Bildern und Videos.
Zwei Spalten mit linker Leiste
Das Layout 2 Columns with Left Bar wird häufig für Seiten mit Navigation auf der linken Seite verwendet, z. B. für einen Katalog oder Suchergebnisseiten mit geschichteter 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
Bei einem Layout mit dem Format 2 Columns with Right Bar 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
Das Layout 3 Column 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
Mit dem Layout Empty können benutzerdefinierte Seitenlayouts definiert werden.