So fügen Sie Ihrer Shopify-Seite Produkt-Metafelder hinzu

Was ist ein Produkt-Metafeld in Shopify??

A Shopify Metafield ermöglicht Ihnen das Speichern Zusatzinformation über den Inhalt Ihres Shops, der nicht in die Standardfelder passt. Einer der am häufigsten verwendeten Typen ist der Produkt-Metafeld – perfekt zum Hinzufügen einzigartiger Spezifikationen wie Hautpflegetypen, Nährwertangaben, Inhaltsstoffe oder sogar Bild-URLs für benutzerdefinierte Abzeichen.

Wenn Sie anzeigen möchten personalisierte Produktdetails oder bereichern Sie Ihre Shopify-Produktseiten Bei benutzerdefinierten Daten sind Metafelder Ihre Lösung.

So fügen Sie ein Produkt-Metafeld in Shopify hinzu

Schritt 1: Erstellen Sie ein Produkt-Metafeld in Shopify

Um ein Metafeld zu verwenden, müssen Sie zunächst definieren es in Ihrem Shopify-Admin.

• Von deiner Shopify-Administrator, zurück zur Einstellungen > Metafelder und Metaobjekte > Produkte.

• Als nächstes klicken Sie auf „Definition hinzufügen“.

• Ergänze Name, BeschreibungWählen Inhaltstyp, und wählen Sie Kategorien.

• Hit "Speichern" wenn Sie fertig sind.

Schritt 2: Fügen Sie Ihrem Produkt Metafeldwerte hinzu

Sobald Sie das Produkt-Metafeld erfolgreich erstellt haben, stellen Sie möglicherweise fest, dass es zu Ihren Produkteinstellungen hinzugefügt wurde. Befolgen Sie dann die unten beschriebenen Schritte, um Ihrem kürzlich erstellten Metafeld einen Wert hinzuzufügen.

• Zurück Nach Shopify-Admin > Produkte und wählen Sie das Produkt aus, zu dem Sie über Metafelder weitere Informationen hinzufügen möchten.
• Scrollen Sie nach unten zum Metafelder auf der Produkteinstellungsseite.

• Geben Sie den Wert in das Feld ein. Vergessen Sie nicht, auf "Speichern" wenn Sie fertig sind.

Schritt 3: Zeigen Sie das Metafeld auf Ihrer Seite an

• Zurück zur Seite Shopify-Administrator > Metafelder und Metaobjekte > Produkt und suchen Sie das Metafeld, das Sie auf Ihrer Seite anzeigen möchten.
• Kopieren Sie anschließend die Codezeile im Namespace und Schlüssel .

• Zurück Nach GemPages Dashboard > Produktseiten, wählen Sie die gewünschte Vorlage aus, um die Herausgeber.

Ab diesem Punkt können die Schritte je nach der von Ihnen verwendeten Editor-Version unterschiedlich sein. Suchen Sie bitte die Anweisungen für Ihre GemPages-Version und führen Sie die folgenden Schritte entsprechend aus.

Wenn Sie GemPages V6 verwenden

• Ziehen Sie aus der linken Seitenleiste per Drag & Drop einen Flüssiges Element an die gewünschte Stelle auf der Seite.

• Klicken Sie mit der rechten Maustaste auf das Liquid-Element und wählen Sie Code bearbeiten.

• Fügen Sie anschließend den zuvor kopierten Code in das Template Panel.

Bitte beachten Sie, dass Sie hinzufügen sollten Produkt.Metafelder. vor der Codezeile, die Sie gerade kopiert haben, und der Code sollte zwischen {{ }}.

Beispielsweise:

{{product.metafields.my_fields.skintype}}

• Hit "Speichern" und sehen Sie sich die Vorschauseite an, um zu sehen, wie es aussieht.

Wenn Sie GemPages V7 verwenden

• Suchen Sie den Benutzerdefinierter Code Element in der linken Seitenleiste unter dem Erweitert Abschnitt. Ziehen Sie es per Drag & Drop an die gewünschte Stelle.

• Klicken Sie auf das Element, um das Code-Panel in der linken Seitenleiste anzuzeigen.

• Fügen Sie den zuvor kopierten Code in das HTML/Liquid Registerkarte. Sie müssen auch das Präfix hinzufügen product.metafields. vor der Codezeile, die Sie gerade kopiert haben, und der Code sollte zwischen {{ }}.

Beispielsweise:

{{product.metafields.custom.product_test}}

• Klicken Sie auf  Gespeichert , Veröffentlichen Sie Ihre Seite um das Ergebnis in Ihrem Schaufenster zu überprüfen.

Wie verbinde ich die Bildquelle mit einem Metafeld?

Shopify unterstützt auch Bild-Metafelder, aber für die Darstellung auf Ihrer Seite ist benutzerdefinierter HTML-Code erforderlich.

Nachdem Sie Ihre Bilder für die Metafelder hochgeladen haben, können Sie den folgenden Code verwenden, um das Bild anzuzeigen:

{{product.metafields.custom.test_metafield_image | metafield_tag}}