Vorlagen

Vorlagen sind eine Gruppe von Abschnitten, die so konfiguriert sind, dass sie deinem Onlineshop ein einheitliches Design und Erscheinungsbild verleihen. Die in deinen Vorlagen verfügbaren Abschnitte hängen von deinem Theme ab. Im Theme-Editor kannst du herausfinden, welche Vorlagen auf welche Seiten angewendet werden, und die Vorlagen dann bearbeiten, um die Informationen anzupassen, die du deiner Kundschaft anzeigst.

Dein Theme enthält Vorlagen für verschiedene Arten von Inhalten. Diese Vorlagentypen enthalten Abschnitte und Blöcke, die Inhalte dynamisch aus dem jeweiligen Bereich deines Shopify-Adminbereichs abrufen. Die Produktseitenvorlage deines Themes erstellt beispielsweise eine Seite für jedes Produkt, das im Abschnitt Produkte deines Shopify-Adminbereichs in deinem Onlineshop veröffentlicht wird.

Wenn du eine Vorlage bearbeitest, gelten deine Änderungen für jede Seite, die diese Vorlage verwendet. Wenn du beispielsweise ein Formular zur Newsletter-Anmeldung zu einer Kollektionsvorlage hinzufügst, zeigen alle deine Kollektionsseiten, die die Standard-Kollektionsvorlage verwenden, das Formular zur Newsletter-Anmeldung an.

Du kannst über die Seitenauswahl in der Menüleiste des Theme-Editors auf alle Vorlagen deines Themes zugreifen.

Standardvorlagen

Jede Standardvorlage hat ihre eigenen Standardabschnitte und -einstellungen, die du im Theme-Editor bearbeiten und anpassen kannst. Produktseiten haben beispielsweise standardmäßig einen Abschnitt „Produktinformationen“ und einen Abschnitt „Ähnliche Produkte“. Die spezifischen Anpassungseinstellungen für jedes Theme hängen von dem/der Entwickler:in deines Themes und der Theme-Version ab. Erfahre mehr darüber, wie du deine Theme-Version findest.

Die Vorlagen sind standardmäßig in deinem Theme verfügbar.

Produkte

Die Produktseiten deines Themes zeigen Informationen über die Produkte an, die du in deinem Shop verkaufst, und wo deine Kundschaft sie kaufen kann.

Standardmäßig haben Produktseiten im Theme-Editor einen Abschnitt „Produktinformationen“ und einen Abschnitt „Ähnliche Produkte“.

Der Abschnitt „Produktinformationen“ zeigt die Details deiner Produkte an, wie z. B. Titel, Beschreibung, Preis und Bilder. Du kannst deine Produkte auf der Seite „Produkte“ in deinem Shopify-Adminbereich verwalten.

Kollektionen

Die Kollektionsseiten deines Themes zeigen die Kollektionen an, die du auf der Seite „Produkte“ > „Kollektionen“ in deinem Shopify-Adminbereich erstellst. bestimmte Produkte zusammen in Kategorien. Du kannst smarte Kollektionen und manuelle Kollektionen haben.

Standardmäßig haben Kollektionsseiten im Theme-Editor einen Abschnitt „Kollektionsbanner“ und einen Abschnitt „Produktraster“.

Kollektionsliste

Die Kollektionslistenseite zeigt alle deine Kollektionen an, die im Vertriebskanal Onlineshop verfügbar sind. Wenn du beispielsweise ein Schmuckgeschäft hast, kannst du in deinem Menü einen Link zu deiner Kollektionslistenseite hinzufügen, damit die Kundschaft nach Schmuckart wie Ringen oder Halsketten suchen kann. Du musst für jede Kategorie Kollektionen erstellen.

Gutschein

Wenn du einen Gutschein erstellst oder ein:e Kund:in ein Gutscheinprodukt bestellt, werden die Details dieses Gutscheins auf der Gutscheinseite angezeigt, wie z. B. der Wert oder das Guthaben des Gutscheins und der Einlösungscode.

Die Gutscheinseite ist Teil deines Themes. Du kannst dein Theme anpassen, um den Stil und die Informationen auf der Gutscheinseite hinzuzufügen oder anzupassen.

Der Wert des Gutscheins und der Gutschein-Einlösungscode können nicht angepasst werden.

Seiten

Du kannst in deinem Shopify-Adminbereich benutzerdefinierte Seiten erstellen, um Inhalte für deine Kundschaft zu erstellen, z. B. eine „Über uns“-Seite, oder um zusätzliche Informationen über deine Produkte bereitzustellen.

Warenkorbseite

Die Warenkorbseite in deinem Onlineshop ist der Ort, an dem deine Kundschaft die Artikel überprüfen kann, die sie ihrem Warenkorb hinzugefügt hat.

Standardmäßig hat die Warenkorbseite im Theme-Editor einen Abschnitt „Artikel“ und einen Abschnitt „Zwischensumme“.

Blogs

Blog-Seiten in deinem Onlineshop sind die Startseite für alle Blogs, die du in deinem Shopify-Adminbereich erstellst. Sie enthalten alle veröffentlichten Blog-Beiträge des jeweiligen Blogs.

Standardmäßig enthalten Blog-Seiten im Theme-Editor einen Abschnitt „Blog-Beiträge“.

Blog-Beiträge

Blog-Beitragsseiten in deinem Onlineshop zeigen den Inhalt von Blog-Beiträgen an, die du auf der Seite „Inhalt“ > „Blog-Beiträge“ in deinem Shopify-Adminbereich erstellst. Standardmäßig enthalten Blog-Beitragsseiten im Theme-Editor einen Abschnitt „Blog-Beitrag“.

Suchseite

Auf der Suchseite kann deine Kundschaft nach bestimmten Produkten, Seiten oder Blog-Beiträgen in deinem Onlineshop suchen und diese finden.

Standardmäßig enthält die Suchseite im Theme-Editor einen Abschnitt „Suchergebnisse“.

Zusätzlich zu den Einstellungen für den Abschnitt „Suchergebnisse“ kannst du auch einige der „Theme-Einstellungen“ für das Suchverhalten anzeigen und anpassen. Außerdem kannst du dein eigenes abschnittsspezifisches benutzerdefiniertes CSS hinzufügen.

Passwortseite

Du kannst für deinen Shop auf der Seite „Onlineshop“ > „Konfigurationen“ in deinem Shopify-Adminbereich einen Passwortschutz einrichten. Wenn dein Shop passwortgeschützt ist, wird den Besucher:innen deines Onlineshops die Passwortseite angezeigt. Die Vorlage für die Passwortseite hat einen einzigartigen Header und eine einzigartige Fußzeile. Du kannst die Vorlage für die Passwortseite im Theme-Editor anpassen.

404-Seite

Die 404-Seite wird angezeigt, wenn ein:e Kund:in versucht, einen nicht existierenden Link zu deiner Website aufzurufen, z. B. eine Produktseite für ein Produkt, das du aus deinem Shop gelöscht hast.

Diese Seite hat keine anpassbaren Einstellungen, aber du kannst im Theme-Editor dein eigenes abschnittsspezifisches benutzerdefiniertes CSS zu deiner 404-Seite hinzufügen.

Vorlagen bearbeiten

Du kannst deine Vorlagen bearbeiten, um deinem Onlineshop Abschnitte hinzuzufügen. Einige Abschnitte enthalten Blöcke, die weiter angepasst werden können, aber nicht jeder Abschnitt oder Block hat Einstellungen oder Inhalte, die bearbeitet werden können. Wenn du deine Vorlagen bearbeitest, werden deine Änderungen in Echtzeit in der Vorschau des Theme-Editors angezeigt.

Schritte:

Wichtige Hinweise zum Erstellen einer neuen Vorlage

Bevor du eine neue Vorlage erstellst, beachte die folgenden Hinweise:

• Du kannst mehrere Vorlagen für deine Produkte, Kollektionen, Seiten, Blogs und Blog-Beiträge haben, aber insgesamt kannst du nur 1.000 Vorlagen haben.
• Du kannst eine neue Vorlage nur mit einem kompatiblen Theme erstellen.
• Alle Themes enthalten eine Standardvorlage für Kollektionen, Produkte, Blogs, Blog-Beiträge und Seiten. Mit diesen Standardvorlagen werden die Ressourcen und Inhalte deines Shops angezeigt, es sei denn, du erstellst alternative Vorlagen.
• Alle Änderungen, die du an einer Vorlage vornimmst, wirken sich auf alle Seiten aus, die diese Vorlage verwenden. Wenn du einige Seiten eines bestimmten Typs anders anzeigen möchtest, kannst du eine neue Vorlage erstellen, die auf einer bereits in deinem Theme vorhandenen Vorlage basiert.
• Wenn du eine neue Vorlage aus einer bestehenden Vorlage erstellst, wird deine neue Vorlage automatisch mit denselben Abschnitten wie die bestehende Vorlage gefüllt. Du kannst dann Abschnitte entfernen, hinzufügen oder ausblenden und ihre Inhalte nach Bedarf bearbeiten, ohne die Anzeige von Seiten zu beeinträchtigen, die die bestehende Vorlage verwenden.

Neue Vorlage erstellen

Nachdem du eine neue Vorlage erstellt hast, kannst du die Vorlage auf eine Onlineshop-Seite anwenden, für die du sie verwenden möchtest.

Vorlage für Metaobjekte erstellen

Du kannst eine Vorlage für eine Webseite für Metaobjekte erstellen. Um diese Funktion zu nutzen, führe die folgenden Schritte aus:

1. Erstelle eine Metaobjekt-Definition mit Storefront-Zugriff und aktiviere optional die Webseiten-Funktion manuell. Wenn du eine Theme-Vorlage erstellst, aktiviert der Theme-Editor die Webseiten-Funktion.
2. Erstelle Einträge für die Metaobjekt-Definition.

Du kannst jetzt eine Metaobjekt-Vorlage im Theme-Editor erstellen.

Vorschau von Vorlagen

Du kannst Vorlagenvorschauen verwenden, um in der Vorschau anzuzeigen, wie Ressourcen deines Onlineshops, wie z. B. Produkte und Seiten, für deine Kund:innen angezeigt werden, wenn eine andere Vorlage angewendet wird.

Vorlagen werden auf der Ebene von Produkten, Kollektionen, Seiten, Blogs oder Blog-Beiträgen zugewiesen. Du erstellst und bearbeitest Vorlagen im Theme-Editor, aber du änderst die zugewiesene Vorlage einer Ressource in deinem Shopify-Adminbereich.

Wichtige Hinweise zur Vorschau von Vorlagen

Beachte die folgenden Details bei der Vorschau von Vorlagen für deine verschiedenen Onlineshop-Ressourcen:

• Wenn du eine Produktvorlage im Theme-Editor in der Vorschau anzeigst, kannst du Produkte mit dem Status Aktiv oder Entwurf verwenden. Du kannst jedoch kein Produkt mit dem Status Archiviert in der Vorschau anzeigen.
• Wenn du eine Kollektionsvorlage im Theme-Editor in der Vorschau anzeigst, musst du sicherstellen, dass für die Kollektion der Onlineshop als Vertriebskanal aktiviert ist. Wenn für eine Kollektion der Onlineshop nicht als Vertriebskanal aktiviert ist, kannst du diese Kollektion mit keiner Kollektionsvorlage im Theme-Editor in der Vorschau anzeigen.
• Wenn du eine Seitenvorlage im Theme-Editor in der Vorschau anzeigst, kannst du Seiten verwenden, deren Sichtbarkeit entweder auf Sichtbar oder Verborgen eingestellt ist.
• Wenn du eine Blog-Beitrags-Vorlage im Theme-Editor in der Vorschau anzeigst, kannst du Blog-Beiträge verwenden, deren Sichtbarkeit entweder auf Sichtbar oder Verborgen eingestellt ist.

Blogs haben keine unterschiedlichen Status- oder Sichtbarkeitsparameter, daher kannst du eine Blog-Vorlage verwenden, um alle veröffentlichten Blogs in deinem Onlineshop in der Vorschau anzuzeigen.

Alternative Vorlage als Vorschau anzeigen

Du kannst in der Vorschau anzeigen, wie deine Produkte, Kollektionen, Seiten, Blogs oder Blog-Beiträge mit einer anderen angewendeten Vorlage angezeigt werden.

Schritte:

Vorschau bestimmter Ressourcen

Du kannst in der Vorschau anzeigen, wie deine Vorlage mit einer beliebigen kompatiblen Ressource in deinem Shop angezeigt wird. Wenn du dir beispielsweise eine Produktvorlage ansiehst, kannst du sie mit jedem Produkt in deinem Shop testen.

Du musst die Vorlage im Shopify-Adminbereich trotzdem noch der Ressource zuweisen.

Du kannst auch über die Suchen-Leiste in der Seitenauswahl, im Tool Abschnitt hinzufügen oder Block hinzufügen oder in den App-Einbettungen nach Vorlagen und Ressourcen suchen.

Schritte:

1. Gehe in deinem Shopify-Adminbereich zu „Onlineshop“ > „Themes“.

2. Klicke neben dem Theme, das du bearbeiten möchtest, auf Theme bearbeiten.

3. Wähle aus dem Vorlagenmenü die Vorlage aus, die du in der Vorschau anzeigen möchtest.

4. Klicke im Seitenleistenmenü im Abschnitt Vorschau auf Ändern.

5. Wähle im Menü Auswählen die Ressource aus, die du in der Vorschau anzeigen möchtest.

Eine neue Vorlage anwenden

Du kannst eine zugewiesene Vorlage für die folgenden Abschnitte in einem veröffentlichten Theme ändern:

• Seiten
• Produkte
• Kollektionen
• Blogs
• Blog-Beiträge

Du änderst eine zugewiesene Vorlage in deinem Shopify-Adminbereich. Die angezeigten Vorlagenoptionen basieren nur auf den verfügbaren Vorlagen in deinem aktuellen Theme.

Vorlagen für Produkte und Kollektionen können auf der Ebene einzelner Artikel oder mithilfe des Bulk-Editors gleichzeitig für mehrere Artikel zugewiesen werden.

Eine neue Vorlage auf eine Seite anwenden

Eine neue Vorlage auf ein Produkt anwenden

Eine neue Vorlage auf eine Kollektion anwenden

1. Gehe in deinem Shopify-Adminbereich zu Produkte > Kollektionen.

2. Klicke auf eine Kollektion, auf die du eine Vorlage anwenden möchtest.

3. Klicke im Abschnitt Theme-Vorlage auf das Dropdown-Menü und wähle dann die Vorlage aus, die du auf deine Kollektion anwenden möchtest.

4. Klicke auf Speichern.

Eine neue Vorlage auf einen Blog anwenden

Eine neue Vorlage auf einen Blog-Beitrag anwenden

Neue Vorlage per Bulk-Bearbeitung auf Produkte oder Kollektionen anwenden

Du kannst den Bulk-Editor verwenden, um eine neue Vorlage auf mehrere Produkte oder Kollektionen gleichzeitig anzuwenden.

Neue Vorlage per Bulk-Bearbeitung auf Produkte anwenden

1. Gehe in deinem Shopify-Adminbereich zu Produkte.

2. Um mehrere Produkte gleichzeitig zu bearbeiten, hast du folgende Möglichkeiten:

   • Um Produkte einzeln auszuwählen, aktiviere das Kontrollkästchen für jedes Produkt.
   • Um einen Produktbereich auszuwählen, klicke auf ein Produkt, halte die Umschalttaste gedrückt und klicke auf ein anderes Produkt. Dadurch werden das erste und das letzte angeklickte Produkt sowie alle Produkte dazwischen ausgewählt.
   • Um alle Produkte auf einer Seite auszuwählen, aktiviere das Kontrollkästchen oben in der Produktliste.
   • Um alle Produkte in deinem Shop auszuwählen, aktiviere das Kontrollkästchen oben in der Produktliste und klicke dann auf Alle in diesem Shop auswählen.

3. Klicke auf „Sammelbearbeitung“.

4. Klicke im Bulk-Editor auf das Dropdown-Menü „Spalten“ und wähle dann im Abschnitt „Allgemein“ die Option „Vorlage“ aus.

5. Klicke auf das erste Feld der Spalte „Vorlage“, halte die Umschalttaste gedrückt und klicke dann auf das letzte Feld der Spalte „Vorlage“. Um die von dir ausgewählten Artikel wird eine blaue Schattierung angezeigt.

6. Klicke auf das erste von dir ausgewählte Feld, wähle die gewünschte Vorlage aus dem Dropdown-Menü aus und klicke anschließend auf „Speichern“.

Neue Vorlage per Sammelbearbeitung auf Kollektionen anwenden

1. Gehe in deinem Shopify-Adminbereich zu Produkte > Kollektionen.

2. Um mehrere Kollektionen gleichzeitig zu bearbeiten, hast du folgende Möglichkeiten:

   • Um Kollektionen einzeln auszuwählen, aktiviere das Kontrollkästchen für jede Kollektion.
   • Um einen Bereich von Kollektionen auszuwählen, klicke auf eine Kollektion, halte die Umschalttaste gedrückt und klicke auf eine andere Kollektion. Dadurch werden die erste und die letzte angeklickte Kollektion sowie alle dazwischenliegenden Kollektionen ausgewählt.
   • Um alle Kollektionen auf einer Seite auszuwählen, aktiviere das Kontrollkästchen oben in der Kollektionsliste.
   • Um alle Kollektionen in deinem Shop auszuwählen, aktiviere das Kontrollkästchen oben in der Kollektionsliste und klicke dann auf „Alle in diesem Shop auswählen“.

3. Klicke auf „Sammelbearbeitung“.

4. Klicke im Bulk-Editor auf das Dropdown-Menü „Spalten“ und wähle dann im Abschnitt „Allgemein“ die Option „Vorlage“ aus.

5. Klicke auf das erste Feld der Spalte „Vorlage“, halte die Umschalttaste gedrückt und klicke dann auf das letzte Feld der Spalte „Vorlage“. Um die von dir ausgewählten Artikel wird eine blaue Schattierung angezeigt.

6. Klicke auf das erste von dir ausgewählte Feld, wähle die gewünschte Vorlage aus dem Dropdown-Menü aus und klicke anschließend auf „Speichern“.

Vorlagen verwalten

Um eine Vorlage umzubenennen oder zu löschen, musst du den Code-Editor verwenden. Die Bearbeitung einer Vorlagendatei kann zu Problemen mit deinem Onlineshop führen.

Wenn du eine Vorlage löschst, werden alle Onlineshop-Ressourcen, denen die Vorlage zugewiesen war, mit der Standardvorlage angezeigt, bis du eine andere zuweist.

Vorlage umbenennen

1. Gehe in deinem Shopify-Adminbereich zu „Onlineshop“ > „Themes“.

2. Suche das Theme mit der Vorlage, die du umbenennen möchtest, und klicke dann auf … > „Code bearbeiten“.

3. Suche im Code-Editor den Ordner „templates“.

4. Klicke mit der rechten Maustaste auf die Vorlagendatei, die du umbenennen möchtest, und wähle dann im Dropdown-Menü die Option „Umbenennen ...“ aus.

5. Gib einen neuen Namen für die Datei ein.

6. Drücke die Eingabetaste auf deiner Tastatur.

Vorlage löschen

1. Gehe in deinem Shopify-Adminbereich zu „Onlineshop“ > „Themes“.

2. Suche das Theme, aus dem du eine Vorlage löschen möchtest, und klicke dann auf … > „Code bearbeiten“.

3. Suche im Code-Editor den Ordner „templates“.

4. Klicke mit der rechten Maustaste auf die Vorlagendatei, die du löschen möchtest, und wähle dann im Dropdown-Menü die Option „Dauerhaft löschen“ aus.

5. Klicke auf „Löschen“.