In der EU ist es gesetzlich vorgeschrieben, dass bestimmte wesentliche Merkmale eines Produkts auf der Produktseite und im Checkout angezeigt werden müssen. Dies soll Verbraucher vor falschen oder irreführenden Informationen schützen. Diese Merkmale umfassen beispielsweise Größe, Gewicht, Material, Farbe und Herstellerinformationen eines Produkts. Wenn ein Online-Shop über Shopify betrieben wird, muss sichergestellt werden, dass diese Merkmale korrekt auf der Produktseite und im Checkout angezeigt werden.
Wesentliche Produkt-Merkmale in Shopify
Man kann eine der nur Verfügung stehenden Apps nutzen, oder mit dieser Anleitung die wesentlichen Produktmerkmale mit Hilfe eines Metafelds in Shopify Checkout & Produktseite einbinden um die gesetzlichen Anforderungen zu erfüllen.
Metafeld für Merkmale erstellen
Zunächst muss ein Shopify Metafeld in „Produkte“ erstellt werden, dieses geht unter „Einstellungen > Benutzerdefinierte Daten (ehem. „Metafelder“) > Produkte„. Klicken Sie auf „Definition hinzufügen„.
Die Anpassung nach unserer Methode benötigt ein Feld der Definition „Einzeiliger Text“ und „Werteliste“. Mit diesem Feld können wir eine unlimitierte große Liste mit Merkmalen in jedes Produkt hinzufügen.
Als nächstes muss das angelegt Feld per Code Editor in die Datei „buy-buttons.liquid“ hinzugefügt werden.
In der Datei nach „<product-form>“ bzw. „<product-form class=“product-form“>“ suchen. Innerhalb dieses Tags befindet sich ein liquid form Tag ( {% form … %} )
Direkt darunter folgenden Code einfügen:
{% if product.metafields.custom.merkmale != blank %}
{% for merkmal in product.metafields.custom.merkmale.value %}
{% assign tmp_merkmal = merkmal | split: ':' %}
<input id="merkmal-{{ forloop.index }}" type="hidden" value="{{ tmp_merkmal[1] | remove: ' ' }}" name="properties[{{ tmp_merkmal[0] | remove: ' ' }}]">
{% endfor %}
{% endif %}
Der Code fügt für jeden angelegten Wert im Metafeld ein Merkmal hinzu, welcher daraufhin auch im Warenkorb und Checkout erscheint. Auf Ihrer Produktseite wird sich optisch nichts verändern.
Navigieren Sie zu einen Produkt im Shopify-Adminbereich, wo Sie Merkmale hinterlegen wollen.
Die Werte sollten in der Liste wie folgt beim Produkt eingetragen werden:
Wichtig hierfür ist vor allem die Trennung des Namen und Wert durch einen Doppelpunkt („:“), da dieser im Code zur Trennung von Bezeichnung und Wert dient.
Wesentliche Merkmale im Warenkorb:
Wesentliche Merkmale im Checkout:
Die Lösung ist eigentlich besser als die addributes Shopify app, weil kostenfrei und man kann es direkt beim produkt pflegen ohne in die app wechseln zu müssen.
Hallo slacker747,
sehen wir auch so. Wir wollen eigentlich immer so wenig Apps wie möglich in Kundenprojekten verwenden und dahingehend ist das für uns die bessere Lösung.
Die oben beschriebenen Lösung hat übrigens ein Problem: Die Shopify Translation-App kann diese Listenfelder nicht anständig übersetzen.
(D.h. hier benötigt man ggf. eine der „nicht von shopify Übersetzungs apps“, weglot, langshop, langify etc. oder alternativ arbeitet man mit mehreren oder anderen Meta-Feld-Typen)
Ich finde die Idee prima. Ich hab das Metafeld erstellt, klappt auch alles und ist im Artikel drinnen.
Aber ich tue mir schwer in der Main-product-liquid das zu finden. Könnt ihr mir da noch einen Tipp geben?
Hallo Frau Görich,
die Anleitung ist für das Dawn-Theme von Shopify. Ich vermute, dass die Datei in dem von Ihnen verwendeten Theme schlichtweg anders heißt.
(Ggf. können Sie ja mal beim Hersteller anfragen.)
hallo,
toller Artikel bzgl. einer Lösung mit den metafields und der Anzeige im Checkout!
hätte dies im Refresh Theme ausprobiert, nur leider zeigt es mir dies dann trotzdem nicht an im Checkout.
„“ bzw. „“ sind in der main-product.liquid Datei nicht enthalten, aber ein {% -form Tag wäre enthalten.
schöne Grüße
Hallo Walter,
die Anleitung (bzw. alle unsere Anleitungen) sind für das Dawn Theme. Es kann durchaus sein, dass der Code bei dir etwas anders lauten muss.
Da müsste dann ggf. ein Dienstleister einen Blick drauf werfen.
(Evtl. kann der Theme-Hersteller auch aushelfen)
Beste Grüße
Alex
Hallo , interessante Lösung. Ich teste gerade Shopify und das Dawn-Theme. Aber in der main-product.liquid finde ich den Absatz nicht wo ich diesen Code einfügen soll
Viele Grüße André
Wir haben die Anleitung angepasst.
Die Anpassungen müssen jetzt in der Datei „buy-buttons.liquid“ statt der „main-product.liquid“ durchgeführt werden.
Hallo,
wirklich eine tolle Lösung für ein Shopify-Problem, was es eigentlich nicht geben sollte.
Funktoniert das auch mit einem mehrzeiligen Metafeld?
Hintergrund: Wir möchten gern einfach die ersten 100 Zeichen Artikelbeschreibung dort unterbringen. Das ließe sich dann für alle per CSV recht einfach erledigen.
Hallo Clemens,
theoretisch ja, könnte kleinere Anpassungen brauchen und das Mehrzeilige Feld kann natürlich nicht vom type Liste sein.
Hallo, danke für diesen Artikel.
Geht das ganze auch mit (mehreren) bestehenden Meta-Feldern? Mit dieser Lösung müsste ich ja für jeden Artikel ein weiteres „Merkmale-Metafeld“ pflegen und das mit Informationen, die schon bereits ggf. in anderen Metafeldern existieren. Hört sich erstmal wie doppelte Arbeit an, oder? VG
Ja, man kann beliebige Inhalte an das Produkt anhängen. Der Code muss halt dementsprechend angepasst werden.