Liquid, JavaScript, Themes
Guten Tag an alle,
ich habe folgendes Problem. In meinem Theme ( vom Drittanbieter ) verwende ich an unterschiedlichen Stellen Personalisierungstexte (line item properties), damit meine Kunden Produkte personalisieren können.
Diese werden auch im Backend der Bestellungen angezeigt, allerdings nicht auf den Lieferscheinen und in der Bestellbestätigung.
So wie ich das sehe, muss man dazu ein Code in die Vorlagen einfügen. Weiß jemand, welcher Code das ist?
das Theme-Support kann mir da nicht helfen anscheinend.
Das wäre sehr nett.
Vielen Dank
Gelöst! Zur Lösung
Erfolg.
Hey @Moktainment
Um die Line Item Properties (Personalisierungstexte) auf Lieferscheinen und in der Bestellbestätigung anzuzeigen, musst du den Code in den entsprechenden Vorlagen anpassen. Wenn du es selber programmieren möchtest dann könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.
Das folgende dient lediglich dazu dich in die richtige Richtung zu weisen - suche nach dem Codeblock in der Vorlage, der die Bestellzeilen (line items) anzeigt. Du kannst Liquid-Variablen verwenden, um deine Vorlagen anzupassen. Mehr Informationen über Liquid-Variablen.
Dieser Codeblock sieht normalerweise wie diese FOR-Loop aus:
{% for line in line_items %}
{{ line.title }} x {{ line.quantity }} - {{ line.price | money }}
...
{% endfor %}
Füge ein paar Codezeilen hinzu, um die Line Item Properties anzuzeigen:
{% for p in line.properties %}
{% if p.last == false %}
{{ p.name }}: {{ p.value }}<br>
{% endif %}
{% endfor %}
Hier für den Lieferschein:
{% for line_item in line_items %}
<p>{{ line_item.title }} x {{ line_item.quantity }}</p>
{% for p in line_item.properties %}
{% if p.last == false %}
<p>{{ p.name }}: {{ p.value }}</p>
{% endif %}
{% endfor %}
{% endfor %}
Oder alles zusammen:
{% for line_item in line_items %}
<tr class="order-line">
<td>{{ line_item.quantity }}</td>
<td>{{ line_item.title }}</td>
<td>{{ line_item.price | money }}</td>
</tr>
{% for p in line_item.properties %}
{% if p.last == false %}
<tr>
<td colspan="3">{{ p.name }}: {{ p.value }}</td>
</tr>
{% endif %}
{% endfor %}
{% endfor %}
Hoffe das hilft dir weiter - lass wissen falls nicht! 😉
---
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
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 @Moktainment
Um die Line Item Properties (Personalisierungstexte) auf Lieferscheinen und in der Bestellbestätigung anzuzeigen, musst du den Code in den entsprechenden Vorlagen anpassen. Wenn du es selber programmieren möchtest dann könntest auch einen unserer Experten engagieren indem du denen eine E-Mail rüberschießt. Unsere Experten antworten meist sehr schnell.
Das folgende dient lediglich dazu dich in die richtige Richtung zu weisen - suche nach dem Codeblock in der Vorlage, der die Bestellzeilen (line items) anzeigt. Du kannst Liquid-Variablen verwenden, um deine Vorlagen anzupassen. Mehr Informationen über Liquid-Variablen.
Dieser Codeblock sieht normalerweise wie diese FOR-Loop aus:
{% for line in line_items %}
{{ line.title }} x {{ line.quantity }} - {{ line.price | money }}
...
{% endfor %}
Füge ein paar Codezeilen hinzu, um die Line Item Properties anzuzeigen:
{% for p in line.properties %}
{% if p.last == false %}
{{ p.name }}: {{ p.value }}<br>
{% endif %}
{% endfor %}
Hier für den Lieferschein:
{% for line_item in line_items %}
<p>{{ line_item.title }} x {{ line_item.quantity }}</p>
{% for p in line_item.properties %}
{% if p.last == false %}
<p>{{ p.name }}: {{ p.value }}</p>
{% endif %}
{% endfor %}
{% endfor %}
Oder alles zusammen:
{% for line_item in line_items %}
<tr class="order-line">
<td>{{ line_item.quantity }}</td>
<td>{{ line_item.title }}</td>
<td>{{ line_item.price | money }}</td>
</tr>
{% for p in line_item.properties %}
{% if p.last == false %}
<tr>
<td colspan="3">{{ p.name }}: {{ p.value }}</td>
</tr>
{% endif %}
{% endfor %}
{% endfor %}
Hoffe das hilft dir weiter - lass wissen falls nicht! 😉
---
Warum nicht etwas Gamification in das Shop einbauen, um deinen Kunden etwas Fun im Shop anzubieten? Gerne kann ich bei Interesse Tipps dazu geben!
Hast du weitere Fragen zum Shop? Gebe einfach ein Suchbegriff oben in der Suchleiste der Community Landingpage ein, denn das Thema haben wir sehr wahrscheinlich schon besprochen. Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.
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
Vielen Dank für die Erklärung und die richtige Richtung 🙂
Mit deiner Information habe ich es hinbekommen, und zwar mit folgedem Code:
{% for property in line_item.properties %}
<span class="line-item-description-line">
{{ property.last }}
</span>
{% endfor %}
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
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