Shop Promise auf deiner Produktseite anzeigen
Das Shop-Promise-Badge wird neben den Lieferdaten und auf Produktseiten für berechtigte Zustellungen angezeigt, die voraussichtlich in fünf oder weniger Kalendertagen innerhalb der Vereinigten Staaten zugestellt werden. Dieses Badge informiert Kunden darüber, dass zu ihrer Bestellung eine schnelle und zuverlässige Zustellung gehört.
Nachdem du Shop Promise aktiviert hast, solltest du mit deinem Theme-Editor zur Produktseite navigieren, um zu bestätigen, dass das Shop Promise-Badge korrekt angezeigt wird.
Wenn das Badge nicht korrekt angezeigt wird, musst du das Shop Promise-Modul manuell positionieren.
Das Shop Promise-Modul manuell positionieren
Wenn du mit dem Lesen und Bearbeiten von Theme-Code vertraut bist, kannst du ermitteln, wo Änderungen vorgenommen werden müssen, und die Produktseite aktualisieren.
Ermitteln, wo Änderungen vorgenommen werden müssen
Der Code für das Shop Promise-Modul muss im Produktformular auf der Produktseite enthalten sein. Er sieht etwa folgendermaßen aus: {%- form 'product', product -%}. Das Shop Promise-Modul kann sich abhängig von deinem Theme an verschiedenen Stellen befinden. Die folgenden Stellen sind häufig:
-
main-product.liquid -
product-form.liquid -
product-template.liquid -
product.liquid
Die Produktseite aktualisieren
Schritte:
Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Tippe in der Shopify App auf Shop.
Tippe unter Vertriebskanäle auf Onlineshop.
Tippe auf Themes verwalten.
Suche das Theme, das du bearbeiten möchtest, klicke auf die Schaltfläche ..., um das Aktionsmenü zu öffnen, und klicke dann auf Code bearbeiten.
Öffne die relevante Datei.
Suche die Zeile, die
{%- if block.settings.show_dynamic_checkout -%}oder{{ form | payment_button }}enthält.Erstelle eine neue Zeile direkt unter
{%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%}und füge dort Folgendes ein:
<div class="delivery-promise__promise-container"></div>- Klicke auf Speichern.
Das Ergebnis sollte etwa wie folgt aussehen:
{%- if block.settings.show_dynamic_checkout -%}
{{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>