Ein Metaobjekt erstellen und verbinden

In diesem Tutorial erfährst du, wie du ein benutzerdefiniertes Metaobjekt für Produkthighlights erstellst und sie in deinem Onlineshop anzeigst. Das Metaobjekt für Produkthighlights zeigt ein Bild, den Namen des Produkts, einen Untertitel und eine Beschreibung an.

Dieses Tutorial behandelt Metaobjekt-Definitionen, das Erstellen von Einträgen, das Einrichten einer Metafeld-Referenz, das Verbinden von Produkten mit Einträgen und schließlich das Veröffentlichen des Metaobjekts in deinem Onlineshop.

Auf dieser Seite

Was du lernen wirst

Was du lernen wirst

Nach Abschluss dieses Tutorials hast du die folgenden Aufgaben erledigt:

Ein Metaobjekt für Produkthighlights erstellt
Mehrere Einträge für Produkthighlights mit dem von dir erstellten Metaobjekt erstellt
Eine Metafeld-Definition erstellt, die auf das Metaobjekt verweist
Deine Einträge mit bestimmten Produkten verbunden
Deine Metaobjekt-Einträge veröffentlicht

Schritt eins: Ein Metaobjekt erstellen

Gehe in deinem Shopify-Adminbereich zu Einstellungen > Benutzerdefinierte Daten.
Klicke in den Metaobjektdefinitionen auf Definition hinzufügen.
Benenne deine Metaobjekt-Definition mit Produkthighlights.
Klicke auf Feld hinzufügen und wähle den Inhaltstyp aus, den du in diesem Metaobjekt anzeigen möchtest. Felder definieren den Inhalt, der in deinem Metaobjekt angezeigt wird, und jedes Feld hat eigene Optionen und Validierungen. Um das erste Feld hinzuzufügen, wähle Datei aus.
Konfiguriere den Typ und die Validierungen. Benenne das Feld Bild und gib eine kurze Beschreibung ein.
Unter Zugriff ist Storefront automatisch ausgewählt. Behalte diese Option ausgewählt, da sie es deinem Shop ermöglicht, auf den Inhalt zuzugreifen und ihn anzuzeigen.
Füge das Bildfeld zu deinem Metaobjekt hinzu. Wähle Feld hinzufügen > Datei.

Benenne dieses Feld Bild.
Deaktiviere die Option Videos, um dieses Metaobjekt auf die Anzeige von Bildern zu beschränken.
Gib eine Beschreibung ein.
Klicke auf Hinzufügen, wenn du fertig bist.

Füge das Überschriftenfeld zu deinem Metaobjekt hinzu. Wähle dieses Mal Feld hinzufügen > Einzeiliger Text als Feldtyp. Gehe wie folgt vor:

Benenne dieses Feld Überschrift.
Aktiviere die Option Dieses Feld als Anzeigename verwenden, damit das Feld als Name für den Eintrag im Index verwendet wird.
Gib eine Beschreibung ein.
Klicke auf Hinzufügen, wenn du fertig bist.

Füge das Untertitelfeld zu deinem Metaobjekt hinzu. Klicke auf Feld hinzufügen > Einzeiliger Text. Gehe wie folgt vor:

Benenne dieses Feld Untertitel.
Gib eine Beschreibung ein.
Klicke auf Hinzufügen, wenn du fertig bist.

Füge das Beschreibungsfeld zu deinem Metaobjekt hinzu. Klicke auf Feld hinzufügen > Mehrzeiliger Text. Gehe wie folgt vor:

Benenne dieses Feld Beschreibung.
Gib eine Beschreibung ein.
Klicke auf Hinzufügen, wenn du fertig bist.

Speichere deine neue Metaobjekt-Definition.

Nachdem deine Metaobjekt-Definition gespeichert wurde, kannst du mit dem Erstellen von Einträgen beginnen.

Schritt zwei: Einträge erstellen

Klicke in deinem Shopify-Adminbereich auf Inhalt.
Klicke auf die Metaobjekt-Definition Produkthighlights und anschließend auf Eintrag hinzufügen.
Fülle die Felder für deinen Eintrag aus:
- Klicke auf Bild auswählen und wähle ein Bild für dieses Produkthighlight aus oder lade eines hoch.
- Füge einen Titel und eine Beschreibung hinzu.
Der Status wird automatisch auf Aktiv gesetzt. Wenn du noch nicht bereit bist, die Einträge zu verwenden, kannst du den Status auf Entwurf ändern.
Klicke auf Speichern.

Dein Eintrag hat einen generierten Handle. Dabei handelt es sich um eine eindeutige ID, die für einen einzelnen Inhaltseintrag spezifisch ist. Nachdem du begonnen hast, deine Einträge mit Bereichen deines Shops zu verbinden, wird die Bearbeitung des Handles nicht empfohlen. Mehr Informationen zu den Auswirkungen der Änderung eines Eintrags-Handles, nachdem du ihn in deinem Shop verwendet hast.

Wiederhole die obigen Schritte, um drei weitere Einträge zu erstellen, die auf der Metaobjekt-Definition für Produkthighlights basieren.

Nachdem du deine Metaobjekt-Definition und deine Einträge gespeichert hast, kannst du eine Metafeld-Definition erstellen, die auf das Metaobjekt verweist.

Schritt drei: Eine Metafeld-Definition erstellen, die auf das Metaobjekt verweist

Gehe in deinem Shopify-Adminbereich zu Einstellungen > Benutzerdefinierte Daten.
Klicke im Abschnitt Metafelder auf Produkte.
Klicke auf Definition hinzufügen. Gib einen eindeutigen Namen und eine Beschreibung ein und klicke dann auf Inhaltstyp auswählen.
Klicke auf Typ auswählen und dann auf Metaobjekt.
Wähle im Abschnitt Referenz die Metaobjekt-Definition aus, auf die du verweisen möchtest. Wähle Produkthighlights aus. Dadurch wird die Metafeld-Produktdefinition so eingeschränkt, dass nur Einträge angezeigt werden, die sich auf das Metaobjekt „Produkthighlights“ beziehen.
Lege fest, ob diese Definition einen Eintrag oder eine Liste von Einträgen anzeigen kann. Wähle für dieses Beispiel die Option Liste von Einträgen aus.
Im Abschnitt Zugriff ist die Option Storefronts standardmäßig ausgewählt.
Klicke auf Speichern.

Schritt vier: Deine Produkte mit den Einträgen verbinden

Gehe in deinem Shopify-Adminbereich zu Produkte.
Wähle ein Produkt aus, auf dem du Produkthighlights anzeigen möchtest.
In diesem Beispiel möchten wir einige, aber nicht alle der von uns erstellten Produkthighlight-Einträge anzeigen. Klicke im Abschnitt Produkt-Metafelder auf das Eintragsfeld neben deinem Metafeld Produkthighlights. Wenn „Produkthighlights“ nicht in der Metafelderliste aufgeführt ist, klicke auf Alle anzeigen.
Klicke auf Einträge auswählen. In diesem Schritt wählst du die Einträge aus, die du für dieses spezielle Produkt anzeigen möchtest. Wähle zwei deiner Produkthighlights aus.
Kehre zu deiner Produktseite zurück. Wähle ein anderes Produkt aus und befolge den vorherigen Schritt, um dem Produkt zwei andere Produkthighlight-Einträge zuzuweisen.

Als Nächstes veröffentlichst du deine Metaobjekte in deinem Onlineshop.

Schritt fünf: Deine Einträge in deinem Onlineshop veröffentlichen

Nachdem du nun deine Einträge mit deinen Produkten verbunden hast, ist es an der Zeit, deine Einträge in deinem Shop anzuzeigen. In diesem Schritt wird der Theme-Editor verwendet, um die Blöcke und Abschnitte auszuwählen, in denen deine Metaobjekt-Einträge verknüpft werden.

Nachdem du einen Abschnitt oder Block hinzugefügt hast, kannst du ein Metafeld auswählen, indem du auf die Schaltfläche klickst.

Schritte:

Gehe in deinem Shopify-Adminbereich zu Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, und klicke dann auf Theme bearbeiten.
Verwende das Dropdown-Menü am oberen Bildschirmrand, um Produkte > Standardprodukt auszuwählen. Dadurch wird die Standardproduktvorlage im Theme-Editor geladen.
Klicke in der Seitenleiste auf Abschnitt hinzufügen und wähle Mehrzeilig als neuen Abschnittstyp aus.
Klicke auf die erste Zeile des Abschnitts Mehrzeilig.
- Die Einstellungen für den ersten Block werden in der rechten Seitenleiste angezeigt. In deinem Spaltenblock kannst du manuell ein Bild auswählen, eine Überschrift einfügen, eine Bildunterschrift hinzufügen und eine Beschreibung hinzufügen. Du kannst auch auf jedes einzelne Datenquellensymbol klicken und die Blockeinstellung mit deinem gewünschten Eintrag verknüpfen.
Klicke neben dem Blocknamen auf Dynamische Quelle verbinden, um Produkthighlights auszuwählen. Dein Theme-Editor füllt deinen neuen mehrzeiligen Block mit deinen Produkthighlight-Einträgen.
Konfiguriere die verbleibenden Blöcke im Abschnitt Mehrzeilig oder entferne die nicht verwendeten Blöcke.
Klicke auf Speichern, um deine Produkthighlight-Einträge zu veröffentlichen.

Deine Einträge werden nur auf den Produkten angezeigt, mit denen sie verbunden sind. Wenn einem Produkt kein Eintrag zugewiesen ist, bleibt der Abschnitt leer und hinterlässt einen Leerraum, anstatt vollständig entfernt zu werden. Das genaue Verhalten kann je nach deinem Theme und dem verwendeten Abschnitt variieren. Teste daher deine Vorlage, um sicherzustellen, dass sie deinen Anforderungen entspricht.

Wenn der Abschnitt nicht wie gewünscht angezeigt wird, wenn kein Eintrag für das Produkt vorhanden ist, solltest du eine neue Produktvorlage erstellen und die Vorlage den Produkten zuweisen, die Einträge haben.