Shopify führte Metafelder während der Unite 2021 ein und veröffentlichte sie Anfang 2022. Metafelder sind eine großartige Möglichkeit, Ihrem Katalog zusätzliche Produktparameter hinzuzufügen und diese im Storefront anzuzeigen.
Metaobjekte sind noch relativ neu, da sie im Februar 2023 eingeführt wurden. Man kann sie sich als benutzerdefinierte Objekte mit mehreren Parametern bzw. Feldern vorstellen. Ich persönlich verwende immer folgende Regel:
- Handelt es sich um einen Produktparameter oder -wert, der für mehrere Produkte gilt? Wenn ja, verwenden Sie Metafelder.
- Handelt es sich um Inhalte (Blöcke, Abschnitte, Bilder), die an verschiedenen Stellen im Shop auf unterschiedlichen Vorlagendateien angezeigt werden? Wenn ja, verwenden Sie Metaobjekte zur Verwaltung.
Dieses Tutorial zeigt Ihnen, wie Sie diese Funktionen ohne Programmierung oder Code-Bearbeitung in Ihrem Shopify-Shop nutzen. Bitte beachten Sie, dass Sie ein 2.0-Theme benötigen.
Was ist der Unterschied zwischen Metafeldern und Metaobjekten?
Metafelder speichern einfache Informationen wie Text, Farben, Produkte, Seiten usw., die Sie jedem Produkt, jeder Kollektion, Seite oder jedem Blogbeitrag in Ihrem Shop zuweisen können. Der Nachteil ist, dass Sie den Wert für jedes Element einzeln eingeben müssen. Wenn Sie ihn aktualisieren möchten, müssen Sie dies ebenfalls für jedes Element einzeln tun.
Ein typischer Anwendungsfall ist die Anzeige zusätzlicher Informationen auf Ihren Produktdetailseiten, wie etwa Abmessungen, Material, Lieferdaten oder Ähnliches.
Metaobjekte stehen über den Metafeldern, und jedes Metaobjekt kann mehrere Metafelder enthalten. Sie werden häufig verwendet, um mehrere Parameter oder wiederkehrende Inhalte in Ihrem Shop anzuzeigen. Der Vorteil von Metaobjekten besteht darin, dass Sie diese für alle Instanzen, in denen sie verwendet werden, gleichzeitig an einem zentralen Ort bearbeiten können.
Die Verwendung von Metaobjekten ist absolut sinnvoll, wenn Sie einen Block oder Abschnitt in Ihrem Shop haben, der auf mehreren Seiten angezeigt wird.
So fügen Sie Produktdetailseiten mithilfe von Metafeldern zusätzliche Parameter hinzu
Angenommen, Sie betreiben einen Möbelshop. Jedes Möbelstück hat unterschiedliche gemeinsame Parameter (keine Varianten). Stühle haben beispielsweise spezifische 1. Materialien, 2. Designer und 3. Abmessungen, die Sie auf Ihrer Produktdetailseite anzeigen möchten.
Schritt 1 – Erstellen eines Metafelds in Ihrer Shop-Verwaltung
Lassen Sie uns zunächst alle drei Metafelder in der Shop-Verwaltung vorbereiten:
- Gehen Sie in Ihrer Shop-Verwaltung zu Einstellungen > Benutzerdefinierte Daten
- . Wählen Sie im Bereich Metafelder die Option Produkte und klicken Sie auf Definition hinzufügen
- . Geben Sie den Namen des Metafelds ein (z. B. Material) und wählen Sie den Typ (z. B. Einzeiliger Text).
Sobald Sie alle drei Metafelder erstellt haben, ist es an der Zeit, sie Ihren Stühlen hinzuzufügen.
Schritt 2 – Metafelder zu Produkten hinzufügen
Da Sie nun Metafelder definiert haben, fügen wir diese Ihren Produkten hinzu:
- Gehen Sie in Ihrem Shop-Adminbereich auf Produkte und wählen Sie ein Produkt aus, für das Sie diese Metafelder definieren möchten.
- Scrollen Sie auf der Produktseite in Ihrem Adminbereich ganz nach unten, um die verfügbaren Metafelder zu sehen.
- Geben Sie die entsprechenden Daten für dieses Produkt ein und klicken Sie auf Speichern
Schritt 3 – Anzeige von Metafeldern auf der Produktdetailseite
Jetzt ist alles vorbereitet. Lassen Sie uns die Informationen aus den Metafeldern auf der Produktdetailseite anzeigen:
- Gehen Sie in Ihrem Shop-Adminbereich auf Onlineshop > Themes > Anpassen
- . Wählen Sie im Vorlagenmenü oben in der Mitte Produkte > Standardprodukt
- . Fügen Sie unter der Produktseite einen neuen Block hinzu, zum Beispiel „Text“.
- Fügen Sie den Inhalt der Metafelder hinzu, indem Sie auf das Datenbank-Symbol („Burger“-Menü) klicken.
Jetzt können Sie mit den Metafeldern experimentieren und sie nach Belieben anzeigen lassen.
Unser Tipp – Nutzen Sie voreingestellte Auswahlmöglichkeiten, um Zeit zu sparen
Wir empfehlen, in der Metafeld-Definition die Option „Auf voreingestellte Auswahlmöglichkeiten beschränken“ zu nutzen, da dies viel Zeit spart. Anstatt den Wert für jedes Produkt manuell einzugeben, können Sie ihn einfach aus dem Dropdown-Menü auswählen.
So zeigen Sie dynamische Inhalte auf Produkt-/Kategorieseiten mithilfe von Metaobjekten an
Metaobjekte sind komplexer und ermöglichen es Ihnen, dynamische Inhalte zu Ihrem Shop hinzuzufügen, die Sie zentral an einem Ort bearbeiten oder aktualisieren können – fast wie in einem CMS. Stellen Sie sich vor, Sie möchten auf jeder Kategorieseite einen anderen Designer präsentieren, und zwar nicht nur mit einem Namen, sondern mit einem vollständigen Bereich inklusive Name, Beschreibung, Farben, Bildern usw.
In den alten Shopify-Themes der Version 1.0 konnte man dies durch das Erstellen verschiedener Vorlagen erreichen. Das funktioniert zwar auch, ist aber sehr zeitaufwendig, inkonsistent und ineffizient. Mit Metaobjekten können Sie ein einzelnes Objekt erstellen und es mit verschiedenen Produkten und Seiten verknüpfen.
Schritt 1 – Erstellen eines Metaobjekts in Ihrem Shop-Adminbereich
Bereiten wir zunächst das Metaobjekt im Shop-Adminbereich vor:
- Gehen Sie in Ihrem Shop-Adminbereich auf Einstellungen > Benutzerdefinierte Daten
- . Klicken Sie im Bereich Metaobjekte auf Definition hinzufügen
- . Geben Sie den Namen des Metaobjekts ein (z. B. Designer) und fügen Sie (Meta-)Felder hinzu.
In unserem Beispiel hat jeder Designer einen Namen (einzeiliger Text), eine Beschreibung (Rich Text), eine Hintergrund- und Textfarbe (Farbe) sowie ein Haupt- und ein Sekundärbild (Datei).
Schritt 2 – Metaobjekt-Einträge hinzufügen
Sobald das Metaobjekt erstellt ist, müssen Sie es mit Daten füllen:
- Gehen Sie in Ihrem Shop-Admin-Bereich zu Einstellungen > Benutzerdefinierte Daten
- Wählen Sie im Bereich Metaobjekte das vorhandene Metaobjekt aus
- Klicken Sie oben rechts auf Weitere Aktionen und wählen Sie Neuen Eintrag hinzufügen
- Füllen Sie alle erforderlichen Felder aus, speichern Sie und fahren Sie mit dem nächsten Eintrag fort (falls vorhanden)
Schritt 3 – Kollektions-/Produkt-Metafeld vorbereiten
Jetzt kommt der knifflige Teil. Um ein Metaobjekt mit einer Kollektion oder einem Produkt zu verknüpfen, müssen Sie zuerst ein Metafeld erstellen mit dem Typ „Metaobjekt“. 🤯
- Gehen Sie in Ihrem Shop-Admin-Bereich zu Einstellungen > Benutzerdefinierte Daten
- Wählen Sie im Bereich Metafelder die Option Kollektionen aus und klicken Sie auf Definition hinzufügen
- Geben Sie den Namen des Metafelds ein (z. B. Designer), wählen Sie den Typ (z. B. Metaobjekt), wählen Sie Referenz, was ein bestehendes Metaobjekt sein sollte, und speichern Sie
Wenn Sie die Referenzverknüpfung erfolgreich hergestellt haben, sollten Sie jeder Kollektion einen bestimmten Designer zuweisen können.
Schritt 4 – Metaobjekt zu Kollektionen hinzufügen
Alles ist definiert, also fügen wir das Metaobjekt nun Ihren Kollektionen hinzu:
- Gehen Sie in Ihrem Shop-Admin-Bereich zu Produkte > Kollektionen und suchen Sie die Kollektion, für die Sie das Metaobjekt definieren möchten
- Scrollen Sie auf der Kollektionsseite in Ihrem Admin-Bereich ganz nach unten, um die verfügbaren Metafelder zu sehen
- Klicken Sie auf das leere Eingabefeld neben Ihrem Metafeld, wählen Sie einen der vorhandenen Einträge aus und klicken Sie auf Speichern
Schritt 5 – Metaobjekt auf der Kollektionsseite anzeigen
Jetzt ist alles bereit. Lassen Sie uns die Informationen aus dem Metaobjekt auf den Kollektionsseiten anzeigen:
- Gehen Sie in Ihrem Shop-Admin-Bereich zu Onlineshop > Themes > Anpassen
- Wählen Sie im Vorlagenmenü oben in der Mitte > Kollektionen > Standard-Kollektion
- Fügen Sie einen neuen Abschnitt als Platzhalter hinzu und verknüpfen Sie ihn mit dem Metaobjekt, indem Sie auf das Datenbank-Symbol („Burger“-Menü) klicken
- Verknüpfen Sie die entsprechenden Elemente im Abschnitt/Block mit den passenden Einträgen in Ihrem Metaobjekt
Jetzt können Sie mit der Vorlage experimentieren und verschiedenen Kollektionen unterschiedliche Einträge zuweisen. Das Ergebnis: Sie erhalten unterschiedliche Inhalte auf mehreren Kollektionsseiten, während Sie nur eine einzige Vorlagendatei verwenden.
Fazit und Endergebnisse
Das Verständnis von Metafeldern und Metaobjekten in Shopify ist recht komplex und braucht Zeit. Beginnen Sie mit einfachen Elementen und arbeiten Sie sich schrittweise vor. Sobald Sie den Dreh raus haben, werden Sie erstaunt sein, wie leistungsfähig sie sind und wie viel manuelle Arbeit sie bei der Verwaltung Ihres Shopify-Shops einsparen können.
Im obigen Endergebnis sehen Sie eine Vorlage für eine einzelne Produktseite, die für jedes Produkt unterschiedliche Produktinformationen und Designer anzeigen kann. Zudem wird der Inhalt des Metaobjekts nun zentral verwaltet, sodass Sie nicht jedes Produkt einzeln manuell aktualisieren müssen.
