Metafeld im Warenkorb anzeigen

Deutsch Diskussion Technische Fragen & Antworten
1

Hallo zusammen,

ich möchte Metafelder als Untertitel auf der Produktseite anzeigen lassen und diese sollen dann auch im Warenkorb sichtbar sein. Wie ich Metafelder anlege habe ich mir schon angeguckt, aber die Einbindung im Warenkorb → wie regle ich das?

Liebgruß

Christina

2

Hey Christina! @Hallo_Christina

Danke für die Fragen und bei so einem Fall wäre ein befristeter Vorschaulink zu einem Beispiel sehr hilfreich das schneller zu analysieren.

Das Einbinden von Shopify-Metafeldern als Untertitel auf der Produktseite und deren Anzeige im Warenkorb wird ein paar Anpassungen im Theme-Code verlangen und unten liste ich ein paar Schritte, um dies zu erreichen. Wenn du es selber auf deiner Produktseite programmieren möchtest dann bitte immer in einer Themekopie/Testumgebung zuerst testen und zusammen mit einem Experten/Programmierer. Du kannst ein Backup deines Themes erstellen, bevor man den Code bearbeitet, oder den Code wiederherstellen, falls dies nötig sein sollte. Du könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.

Änderungen zu deinem Theme Code können auch 1) die Page Loading Speeds negativ beeinflussen und 2) dein Theme aus den Theme Updates ausschließen. Das folgende ist Theme-abhängig, ohne Gewähr und dient lediglich dazu dich in die richtige Richtung zu weisen!

Schritt 1: Erstellen der Metafelder

  • Stelle sicher, dass du die benötigten Metafelder für deine Produkte bereits erstellt hast. Du kannst dies in deinem Shopify-Adminbereich tun, indem du zu “Produkte” gehst, das entsprechende Produkt auswählst und die Metafelder im Abschnitt “Zusätzliche Felder” hinzufügst.

Schritt 2: Theme-Code bearbeiten

  • Gehe zu deinem Shopify-Dashboard und navigiere zu “Online Store” > “Themes” → “Actions” > “Edit code”.
  • Finde die Datei, in der du die Metafelder auf der Produktseite anzeigen möchtest. Dies könnte normalerweise die Datei “product.liquid” sein.
  • Suche nach der Stelle im Code, an der der Produktname oder die Produktbeschreibung angezeigt wird. In dieser Zeile kannst du den Metafeldwert hinzufügen. Hier ist eine Beispiel-IF-Statement, um das Metafeld “Untertitel” als Untertitel anzuzeigen:
{% if product.metafields.custom.unterschrift %}
  ## {{ product.metafields.custom.unterschrift }}
{% endif %}

Ersetze “custom” durch den Namen des von dir erstellten Metafelds und “unterschrift” durch den Namen des Metafelds, das du anzeigen möchtest.

Schritt 3: Anzeige im Warenkorb

Um sicherzustellen, dass das Metafeld auch im Warenkorb angezeigt wird, musst du den entsprechenden Cart-Code bearbeiten:

  1. In der Theme-Datei “cart.liquid” oder einer ähnlichen Datei findest du die Stelle, an der die Produkte im Warenkorb aufgelistet werden.

  2. Hier eine Beispiel-FOR-Loop die du an der gewünschten Stelle einfügen kannst, um das Metafeld als Untertitel im Warenkorb anzuzeigen:

{% for item in cart.items %}
  {% if item.product.metafields.custom.unterschrift %}
    

Untertitel: {{ item.product.metafields.custom.unterschrift }}

  {% endif %}
{% endfor %}

Beachte wiederum, dass “custom” und “unterschrift” durch die Namen deiner Metafelder ersetzt werden sollten.

3

Perfekt, danke!!