Liquid, JavaScript, Themes
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
Gelöst! Zur Lösung
Erfolg.
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
Schritt 2: Theme-Code bearbeiten
{% if product.metafields.custom.unterschrift %}
<h2>{{ product.metafields.custom.unterschrift }}</h2>
{% 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:
In der Theme-Datei "cart.liquid" oder einer ähnlichen Datei findest du die Stelle, an der die Produkte im Warenkorb aufgelistet werden.
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 %}
<p>Untertitel: {{ item.product.metafields.custom.unterschrift }}</p>
{% endif %}
{% endfor %}
Beachte wiederum, dass "custom" und "unterschrift" durch die Namen deiner Metafelder ersetzt werden sollten.
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Erfolg.
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
Schritt 2: Theme-Code bearbeiten
{% if product.metafields.custom.unterschrift %}
<h2>{{ product.metafields.custom.unterschrift }}</h2>
{% 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:
In der Theme-Datei "cart.liquid" oder einer ähnlichen Datei findest du die Stelle, an der die Produkte im Warenkorb aufgelistet werden.
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 %}
<p>Untertitel: {{ item.product.metafields.custom.unterschrift }}</p>
{% endif %}
{% endfor %}
Beachte wiederum, dass "custom" und "unterschrift" durch die Namen deiner Metafelder ersetzt werden sollten.
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Perfekt, danke!!
Teil 2 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 16, 2024Teil 1 - Wie die Prinzipien des UX-Designs dir dabei helfen können einen großartigen Shop ...
By Kai Sep 9, 2024Anpassungen des benutzerdefinierten Codes an Shopify-Themes (CSS) leicht gemachtIn diesem...
By Gabe Aug 28, 2024