Abschnitte und Blöcke
Du kannst in deinem Theme Abschnitte verwenden, um das gewünschte Layout für deinen Onlineshop zu erstellen. Die meisten Abschnitte bestehen aus Blöcken, die eine bestimmte Funktion haben, z. B. Text, Schaltflächen, einzelne Bilder, eine Collage von Bildern oder Links. Die Verwendung von Abschnitten und Blöcken in deinen Vorlagen bietet Flexibilität bei der Anordnung deiner Inhalte, sodass du das Erscheinungsbild deines Onlineshops gestalten kannst, ohne Code bearbeiten zu müssen. Jede Vorlage kann bis zu 25 Abschnitte haben.
Jedem Abschnitt kann eine spezielle Auswahl von Blöcken hinzugefügt werden. Du kannst bis zu 50 Blöcke pro Abschnitt hinzufügen. Welche Abschnitte und Blöcke verfügbar sind, hängt von deinem Theme ab. Weitere Informationen darüber, welche Optionen dir zur Verfügung stehen, findest du in der Theme-Dokumentation.
Einige Abschnitte haben eine Begrenzung für die Anzahl der Blöcke, die du hinzufügen kannst, oder für die Anzahl der Blöcke eines bestimmten Typs. Im Abschnitt Bild mit Text können beispielsweise nur die vom Theme-Designer für dein Theme angegebenen Blöcke angezeigt werden. In Dawn, dem kostenlosen Shopify-Theme, kannst du jeden der folgenden Blöcke nur einmal zum Abschnitt Bild mit Text hinzufügen:
- Überschriftsblock
- Textblock
- Schaltflächenblock
- Bildtextblock
Du kannst den Abschnitt Bild mit Text mit den folgenden Optionen weiter anpassen:
- Füge ein Bild hinzu und lege die Größe fest
- Wähle einen Animationsstil für dein Bild aus
- Wähle die Ausrichtung für den Inhalt deiner Blöcke aus
- Lege ein Farbschema f ür den Abschnitt fest
Wenn die maximale Anzahl von Blöcken erreicht ist, die du hinzufügen kannst, wird die Option Block hinzufügen im Theme-Editor grau angezeigt und du kannst nicht mehr daraufklicken oder -tippen. Wenn du beispielsweise im Abschnitt Bild mit Text im Theme "Dawn" einen Überschriftsblock, einen Textblock, einen Schaltflächenblock und einen Bildtextblock hinzugefügt hast, wird Block hinzufügen (4/4) angezeigt. Der Grund dafür ist, dass du bereits alle vier Blöcke hinzugefügt hast, die im Abschnitt Bild mit Text verfügbar sind.
Wenn die Abschnitte, die du zu deinem Shop-Layout hinzufügst, nicht die benötigten Einstellungen oder Optionen enthalten, kannst du deinen Theme-Code bearbeiten oder den Entwickler deines Themes kontaktieren, um Unterstützung zu erhalten.
Auf dieser Seite
Theme-Vorlagen mit Abschnitten und Blöcken anpassen
Wenn du den Theme-Editor öffnest, wird die Startseite deines Shops standardmäßig geladen. Du kannst das Dropdown-Menü verwenden, um eine andere Vorlage auszuwählen, z. B. Produkte, Kollektionen, Seiten oder Blogs. Oder verwende die Suchleiste im Dropdown-Menü für die Vorlage, um nach einer bestimmten Vorlage zu suchen. Wenn du eine Vorlage auswählst, wird sie in den Theme-Editor geladen. Alle von dir vorgenommenen Änderungen werden im Editor in der Vorschau angezeigt.
Abschnitt hinzufügen
Füge zu einer beliebigen Seite in deinem Onlineshop einen neuen Abschnitt hinzu.
Schritte:
Desktop
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Passe deine Startseite an oder klicke auf das Dropdown-Menü Startseite und wähle dann die Vorlage aus, zu der du einen Abschnitt hinzufügen möchtest.
-
Klicke in der Seitenleiste auf Abschnitt hinzufügen und führe dann einen der folgenden Schritte aus:
- Wähle einen Abschnitt aus der Liste aus.
- Verwende das Feld Abschnitte suchen, um einen bestimmten Abschnitt zu finden, und wähle ihn aus.
-
Passe deinen neuen Abschnitt mit den folgenden Schritten an:
- Bearbeite die Einstellungen und den Inhalt des neuen Abschnitts.
- Bearbeite die Einstellungen und den Inhalt der Standardblöcke, die im Abschnitt geladen werden.
- Klicke auf Block hinzufügen, um einen neuen Block hinzuzufügen.
Optional: Um die Reihenfolge der Abschnitte auf deiner Seite neu anzuordnen, bewege den Zeiger über den Namen des Abschnitts, klicke und nutze das Symbol
⋮⋮
zum Ziehen.Klicke auf Speichern.
iPhone
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Passe deine Startseite an oder tippe auf das Dropdown-Menü Startseite und wähle dann die Vorlage aus, zu der du einen Abschnitt hinzufügen möchtest.
-
Tippe auf Abschnitte, tippe dann auf Abschnitt hinzufügen und führe dann einen der folgenden Schritte aus:
- Wähle einen Abschnitt aus der Liste aus und tippe auf Hinzufügen.
- Tippe auf das Lupen-Symbol, um nach einem bestimmten Abschnitt zu suchen, wähle den Abschnitt aus und tippe dann auf Hinzufügen.
-
Passe deinen neuen Abschnitt mit den folgenden Schritten an:
- Bearbeite die Einstellungen und den Inhalt des neuen Abschnitts.
- Bearbeite die Einstellungen und den Inhalt der Standardblöcke, die im Abschnitt geladen werden.
- Tippe auf Block hinzufügen, um einen neuen Block hinzuzufügen.
Optional: Um die Reihenfolge der Abschnitte auf deiner Seite neu anzuordnen, tippe auf den Abschnitt und ziehe ihn.
Tippe auf Speichern.
Android
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Passe deine Startseite an oder tippe auf das Dropdown-Menü Startseite und wähle dann die Vorlage aus, zu der du einen Abschnitt hinzufügen möchtest.
-
Tippe auf Abschnitte, tippe dann auf Abschnitt hinzufügen und führe dann einen der folgenden Schritte aus:
- Wähle einen Abschnitt aus der Liste aus und tippe auf Hinzufügen.
- Tippe auf das Lupen-Symbol, um nach einem bestimmten Abschnitt zu suchen, wähle den Abschnitt aus und tippe dann auf Hinzufügen.
-
Passe deinen neuen Abschnitt mit den folgenden Schritten an:
- Bearbeite die Einstellungen und den Inhalt des neuen Abschnitts.
- Bearbeite die Einstellungen und den Inhalt der Standardblöcke, die im Abschnitt geladen werden.
- Tippe auf Block hinzufügen, um einen neuen Block hinzuzufügen.
Optional: Um die Reihenfolge der Abschnitte auf deiner Seite neu anzuordnen, tippe auf den Abschnitt und ziehe ihn.
Tippe auf ✓.
Einen Abschnitt bearbeiten
Desktop
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Bearbeite einen Abschnitt auf deiner Startseite. Oder klicke auf das Dropdown-Menü Startseite und wähle dann die Vorlage aus, die den Abschnitt enthält, den du bearbeiten möchtest.
- Klicke in der Seitenleiste auf den Namen eines Abschnitts, um den Inhalt in das Vorschaufenster zu laden und auf die Einstellungen und Optionen zuzugreifen, die du bearbeiten kannst.
- Optional: Klicke auf einzelne Blöcke, um die Blöcke innerhalb eines Abschnitts zu bearbeiten.
- Klicke auf Speichern.
iPhone
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Bearbeite einen Abschnitt auf deiner Startseite oder tippe auf das Dropdown-Menü Startseite und wähle dann die Vorlage aus, die den Abschnitt enthält, den du bearbeiten möchtest.
- Tippe auf Abschnitte und tippe dann auf den Namen eines Abschnitts, um den Inhalt in das Vorschaufenster zu laden und auf die Einstellungen und Optionen zuzugreifen, die du bearbeiten kannst.
- Optional: Tippe auf einzelne Blöcke, um die Blöcke innerhalb eines Abschnitts zu bearbeiten.
- Tippe auf Speichern.
Android
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Bearbeite einen Abschnitt auf deiner Startseite oder tippe auf das Dropdown-Menü Startseite und wähle dann die Vorlage aus, die den Abschnitt enthält, den du bearbeiten möchtest.
- Tippe auf Abschnitte und tippe dann auf den Namen eines Abschnitts, um den Inhalt in das Vorschaufenster zu laden und auf die Einstellungen und Optionen zuzugreifen, die du bearbeiten kannst.
- Optional: Tippe auf einzelne Blöcke, um die Blöcke innerhalb eines Abschnitts zu bearbeiten.
- Tippe auf ✓.
Einen Abschnitt oder Block duplizieren
Desktop
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Dupliziere einen Abschnitt oder Block auf deiner Startseite. Oder klicke auf das Dropdown-Menü Startseite und wähle dann die Vorlage aus, die den Abschnitt oder Block enthält, den du bearbeiten möchtest.
- Klicke auf den Abschnitt oder Block, den du duplizieren möchtest.
- Klicke in der Seitenleiste auf ... > Duplizieren.
- Klicke auf Speichern.
iPhone
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Dupliziere einen Abschnitt oder Block auf deiner Startseite. Oder tippe auf das Dropdown-Menü Startseite und wähle dann die Vorlage aus, die den Abschnitt oder Block enthält, den du bearbeiten möchtest.
- Tippe auf Abschnitte und tippe dann auf den Abschnitt oder Block, den du duplizieren möchtest.
- Tippe auf ... > Duplizieren.
- Tippe auf Speichern.
Android
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Dupliziere einen Abschnitt oder Block auf deiner Startseite. Oder tippe auf das Dropdown-Menü Startseite und wähle dann die Vorlage aus, die den Abschnitt oder Block enthält, den du bearbeiten möchtest.
- Tippe auf Abschnitte und tippe dann auf den Abschnitt oder Block, den du duplizieren möchtest.
- Tippe auf ... > Duplizieren.
- Tippe auf ✓.
Einen Abschnitt oder Block ausblenden oder löschen
Desktop
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Blende einen Abschnitt oder Block auf deiner Startseite aus oder lösche ihn. Oder klicke auf das Dropdown-Menü Startseite und wähle dann die Vorlage aus, die den Abschnitt oder Block enthält, den du ausblenden oder löschen möchtest.
- Optional: Um einen Abschnitt oder Block in deinem Onlineshop auszublenden, bewege den Zeiger über den Namen des Abschnitts oder Blocks und klicke dann auf das Augensymbol.
- Optional: Um einen Abschnitt oder Block in deinem Onlineshop zu löschen, bewege den Zeiger über den Namen des Abschnitts oder Blocks und klicke dann auf das Papierkorbsymbol.
- Klicke auf Speichern.
iPhone
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Blende einen Abschnitt oder Block auf deiner Startseite aus oder lösche ihn. Oder tippe auf das Dropdown-Menü Startseite und wähle dann die Vorlage aus, die den Abschnitt oder Block enthält, den du ausblenden oder löschen möchtest.
- Tippe auf Abschnitte und tippe dann auf den Abschnitt oder Block, den du ausblenden oder löschen möchtest.
- Optional: Um einen Abschnitt oder Block in deinem Onlineshop auszublenden, tippe auf ... > Ausblenden.
- Optional: Um einen Abschnitt oder Block in deinem Onlineshop zu löschen, tippe auf ... > Entfernen.
- Tippe auf Speichern.
Android
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Blende einen Abschnitt oder Block auf deiner Startseite aus oder lösche ihn. Oder tippe auf das Dropdown-Menü Startseite und wähle dann die Vorlage aus, die den Abschnitt oder Block enthält, den du ausblenden oder löschen möchtest.
- Tippe auf Abschnitte und tippe dann auf den Abschnitt oder Block, den du ausblenden oder löschen möchtest.
- Optional: Um einen Abschnitt oder Block in deinem Onlineshop auszublenden, tippe auf ... > Ausblenden.
- Optional: Um einen Abschnitt oder Block in deinem Onlineshop zu löschen, tippe auf ... > Entfernen.
- Tippe auf ✓.
Mit Blöcken arbeiten
Blöcke sind anpassbare Module, mit denen du Inhalte zu den Abschnitten in deinen Vorlagen hinzufügen kannst. Du kannst Blöcke verwenden, um Text, Bilder, Links, Schaltflächen und mehr hinzufügen.
Shopify-Themes verfügen über Abschnitte und Blöcke, die du anpassen kannst. Einige Abschnitte haben feste Blocktypen. Das bedeutet, dass du nur aus den Blöcken auswählen kannst, die vom Theme-Designer für diesen Abschnitt zur Verfügung gestellt wurden.
In anderen Abschnitten kannst du beliebige Blöcke auswählen. Die Gesamtzahl der Blöcke, die du zu einem Abschnitt hinzufügen kannst, ist jedoch begrenzt. Wenn im Abschnitt die maximale Anzahl von verfügbaren Blöcken erreicht ist, wird die Option Block hinzufügen grau angezeigt und du kannst nicht mehr daraufklicken oder -tippen.
Einen Block hinzufügen
Desktop
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Du kannst einen Block zu einem Abschnitt auf deiner Startseite hinzufügen. Oder klicke auf das Dropdown-Menü Startseite und wähle dann die Vorlage aus, zu der du einen Block hinzufügen möchtest.
-
Suche den Abschnitt, zu dem du einen Block hinzufügen möchtest, klicke auf Block hinzufügen und führe dann einen der folgenden Schritte aus:
- Wähle einen Block aus der Liste aus.
- Verwende das Feld Blöcke suchen, um einen bestimmten Block zu finden, und wähle ihn aus.
Klicke auf Speichern.
iPhone
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Du kannst einen Block zu einem Abschnitt auf deiner Startseite hinzufügen. Oder tippe auf das Dropdown-Menü Startseite und wähle dann die Vorlage aus, zu der du einen Block hinzufügen möchtest.
-
Tippe auf Abschnitte, tippe dann im Abschnitt, zu dem du einen Block hinzufügen möchtest, auf Block hinzufügen und führe dann einen der folgenden Schritte aus:
- Wähle einen Block aus der Liste aus.
- Tippe auf das Lupen-Symbol, um nach einem bestimmten Block zu suchen, und wähle dann den gewünschten Block aus.
Tippe auf Speichern.
Android
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Du kannst einen Block zu einem Abschnitt auf deiner Startseite hinzufügen. Oder tippe auf das Dropdown-Menü Startseite und wähle dann die Vorlage aus, zu der du einen Block hinzufügen möchtest.
-
Tippe auf Abschnitte, tippe dann im Abschnitt, zu dem du einen Block hinzufügen möchtest, auf Block hinzufügen und führe dann einen der folgenden Schritte aus:
- Wähle einen Block aus der Liste aus.
- Tippe auf das Lupen-Symbol, um nach einem bestimmten Block zu suchen, und wähle dann den gewünschten Block aus.
Tippe auf ✓.
Metafelder und Metaobjekte mit dynamischen Quellen verwenden
Mit Metafeldern und Metaobjekten kannst du dynamische Informationen in deinem Onlineshop anzeigen. Wenn du ein Theme verwendest, das Metafelder unterstützt, kannst du ein Metafeld im Theme-Editor mit einem Abschnitt oder Block verbinden.
Zum Beispiel möchte ein Kerzenverkäufer möglicherweise die Brenndauer für jede verfügbare Kerzenart anzeigen. Nach der Einrichtung eines Produkt-Metafelds für die Brenndauer kann der Verkäufer einen Block für die Brenndauer zu seiner Produktvorlage hinzufügen und ihn dann mit dem Produkt-Metafeld verbinden. Nachdem du ein Metafeld für eine Seite eingerichtet hast, die die Brenndauer auflistet, kann der Verkäufer einen Block zu seiner Kollektionsvorlage hinzufügen und ihn dann mit dem Kollektionsmetafeld verbinden.
Du kannst dynamische Informationen in deinem Onlineshop anzeigen, indem du Abschnitte oder Blöcke hinzufügst, die dynamische Quellen verwenden können. Dynamische Quellen können in allen Vorlagen, Abschnitten oder Blöcken verwendet werden, die kompatible Ressourcen anzeigen (Produkt, Kollektion, Seite, Blog und Blog-Beitrag). Du musst dein Metafeld hinzufügen, bevor du es in deinen Vorlagen verbinden kannst. Weitere Informationen zur Verwendung von Metafeldern und Metaobjekten mit dynamischen Quellen in deinem Theme findest du unter Dynamische Quellen.
Nachdem du den Setup-Vorgang abgeschlossen hast, führe die nachfolgenden Schritte aus, um dynamische Quellen mit Abschnitten oder Blöcken in deinem Theme zu verbinden. Verwende dazu die Schaltfläche Dynamische Quelle verbinden.
Schritte:
Desktop
- Gehe im Shopify-Adminbereich zu Onlineshop > Themes.
- Suche das Theme, das du bearbeiten möchtest, und klicke auf Anpassen.
- Bearbeite einen Abschnitt oder Block auf deiner Startseite. Oder klicke auf das Dropdown-Menü Startseite und wähle dann die Vorlage aus, die den Abschnitt oder Block enthält, den du bearbeiten möchtest.
- Klicke in der Seitenleiste auf den Namen eines Abschnitts oder Blocks, um den Inhalt in das Vorschaufenster zu laden und auf die Einstellungen und Optionen zuzugreifen, die du bearbeiten kannst.
- Klicke auf die Schaltfläche Dynamische Quelle verbinden für den relevanten Inhaltstyp, den du bearbeiten möchtest. Dann verbinde deine dynamische Quelle.
- Klicke auf Speichern.
iPhone
- Tippe in der Shopify-App auf die Schaltfläche ....
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Bearbeite einen Abschnitt oder Block auf deiner Startseite. Oder tippe auf das Dropdown-Menü Startseite und wähle dann die Vorlage aus, die den Abschnitt oder Block enthält, den du bearbeiten möchtest.
- Tippe auf Abschnitte und tippe dann auf den Namen eines Abschnitts oder Blocks, um den Inhalt in das Vorschaufenster zu laden und auf die Einstellungen und Optionen zuzugreifen, die du bearbeiten kannst.
- Tippe auf die Schaltfläche Dynamische Quelle verbinden für den relevanten Inhaltstyp, den du bearbeiten möchtest. Dann verbinde deine dynamische Quelle.
- Tippe auf Speichern.
Android
- Tippe in der Shopify-App auf die Schaltfläche ☰.
- Klicke im Bereich Vertriebskanäle auf Onlineshop.
- Tippe auf Alle Themes verwalten.
- Suche das Theme, das du bearbeiten möchtest, und tippe auf Anpassen.
- Bearbeite einen Abschnitt oder Block auf deiner Startseite. Oder tippe auf das Dropdown-Menü Startseite und wähle dann die Vorlage aus, die den Abschnitt oder Block enthält, den du bearbeiten möchtest.
- Tippe auf Abschnitte und tippe dann auf den Namen eines Abschnitts oder Blocks, um den Inhalt in das Vorschaufenster zu laden und auf die Einstellungen und Optionen zuzugreifen, die du bearbeiten kannst.
- Tippe auf die Schaltfläche Dynamische Quelle verbinden für den relevanten Inhaltstyp, den du bearbeiten möchtest. Dann verbinde deine dynamische Quelle.
- Tippe auf ✓.
Auswahl der dynamischen Quelle
Du kannst die Auswahl der dynamischen Quelle verwenden, um die richtige dynamische Quelle direkt im Theme-Editor zu verbinden. Informiere dich über die folgenden wichtigen Funktionen der Auswahl der dynamischen Quelle:
- Du kannst dynamische Quellen von verschiedenen Ressourcen aus referenzieren, falls zutreffend. Wenn du beispielsweise eine Einstellung mit einem Block verbindest, der sowohl mit einer Produkt- als auch einer Seitenressource verbunden ist, kannst du festlegen, ob du nach Metafeldern suchen möchtest, die entweder mit der Produktressource oder der Seitenressource verknüpft sind. Verwende dazu das Dropdown-Menü in der Auswahl der dynamischen Quelle.
- Die Auswahl der dynamischen Quelle bietet eine Such- und Filterfunktion, die dir dabei hilft, das Metafeld zu finden, das du brauchst.
- Die Auswahl der dynamischen Quelle ermöglicht es dir, Kategorie-Metafelder auszuwählen. Dies sind zusätzliche Attribute, die verfügbar werden, wenn du einem Produkt eine Produktkategorie zuweist. Der Zugriff auf diese Metafelder ermöglicht es dir, dynamische Quellen mit relevanten Feldern des Metaobjekts mit dem zugrundeliegenden Attribut zu verbinden.