EU GARAN Label Shopify einbinden

Die Umsetzung des EU GARAN Labels Shopify besteht für Händler aus zwei zentralen Herausforderungen. Zum einen muss für jedes betroffene Produkt ein korrektes Label mit den passenden Angaben wie Garantiedauer, Hersteller beziehungsweise Marke und Modellkennung erstellt werden. Zum anderen muss dieses Label anschließend technisch so in Shopify eingebunden werden, dass es dem richtigen Produkt zugeordnet ist und an den relevanten Stellen im Kaufprozess erscheint. Mit unserem Garantielabel Generator können Händler die relevanten Produktangaben hinterlegen und daraus das passende Label für die weitere Verwendung im Shopify Shop erstellen.

Die Inhalte dieses Beitrags stellen keine Rechtsberatung dar und ersetzen keine individuelle rechtliche Prüfung. Für die rechtliche Einordnung einzelner Punkte greifen wir zudem auf Aussagen von Herrn Dr. Klostermann aus unserem E-Commerce-Stammtisch zurück. Als Fachanwalt für das Recht der Informationstechnologien hat er die Anforderungen rund um das EU GARAN Label, dessen Darstellung in Online Shops sowie die praktischen Herausforderungen bei der Umsetzung in Shopify eingeordnet.

Wann wird das EU GARAN Label überhaupt relevant?

Das EU GARAN Label wird nur dann relevant, wenn der Hersteller für ein bestimmtes Produkt eine freiwillige Haltbarkeitsgarantie anbietet, die mehr als zwei Jahre umfasst, für den Verbraucher ohne zusätzliche Kosten gilt und das gesamte Produkt abdeckt.

Eine Garantie für einzelne Bauteile oder eine kostenpflichtige Zusatzgarantie erfüllt diese Voraussetzungen nicht automatisch. Ebenso ist entscheidend, dass der Hersteller selbst Garantiegeber ist und die betreffende Garantie eindeutig dem jeweiligen Produkt zugeordnet werden kann. Die Leitlinien der Europäischen Kommission stellen außerdem klar, dass Hersteller die entsprechenden Informationen an den Verkäufer weitergeben sollen und Verkäufer nicht selbst auf produktspezifischen Websites nach möglichen Garantien suchen sollen. Für Shopify bedeutet das praktisch, dass Sie zunächst prüfen sollten, welche Produkte Ihres Sortiments tatsächlich betroffen sind. Erst danach sollten die entsprechenden Label erstellt und im Shop hinterlegt werden.

Welche Angaben gehören in das EU GARAN Label?

Die Gestaltung des EU GARAN Labels ist nicht frei, weil die offizielle Vorlage aus festen und editierbaren Bestandteilen besteht und nur bestimmte Angaben angepasst werden dürfen.

Zu diesen Angaben gehören insbesondere die Dauer der Haltbarkeitsgarantie, der Hersteller beziehungsweise die Marke sowie die Modellkennung des Produktes. Die EU Leitlinien sehen für die Garantiedauer grundsätzlich Jahresangaben vor und definieren außerdem, wie halbe Jahre dargestellt werden können. Für die digitale Nutzung ist die farbige Version vorgesehen, wobei Farben, Proportionen, Typografie und andere feste Bestandteile nicht frei verändert werden sollten. Mit unserem Generator können Sie die notwendigen Angaben eintragen und anschließend das fertige Label für Ihr Produkt erstellen.

Besitzt ein Produkt mehrere Varianten und unterscheiden sich dabei Angaben, die Bestandteil des GARAN Labels sind, etwa die Modellkennung oder die Garantiedauer, benötigt die jeweilige Variante ein passendes eigenes Label. Hintergrund ist, dass die editierbaren Angaben das Label eindeutig mit dem betreffenden Produktmodell verbinden sollen. In Shopify sollte deshalb nicht pauschal ein einziges Label für alle Varianten verwendet werden, wenn die darin enthaltenen Informationen nicht für jede Variante identisch sind.

EU GARAN Label Generator

Die Erstellung des EU GARAN Labels ist der erste Schritt, bevor das Label in Shopify eingebunden werden kann. Über unseren Generator können Shopify Händler die erforderlichen Angaben hinterlegen und daraus das passende Label für das jeweilige Produkt erstellen.

So erstellen Sie Ihr Garantielabel für Shopify

1. Wählen Sie zunächst die gewünschte Variante des Garantielabels aus.
2. Legen Sie anschließend die Garantiedauer fest.
3. Tragen Sie die Herstellermarke und die Modellbezeichnung ein.
4. Wählen Sie das gewünschte Dateiformat aus und laden Sie Ihr fertiges Garantielabel herunter.

Für die Einbindung in Onlineshops empfehlen wir in der Regel die Nested Variante. Ergänzend dazu die farbige Variante beispielsweise als Mouseover Darstellung verwenden.

Worauf Sie bei Generatoren achten sollten

Bei der Erstellung des EU GARAN Labels sollten Shopify Händler nicht nur darauf achten, dass die benötigten Angaben eingetragen werden können, sondern auch, dass das erzeugte Label der offiziellen Gestaltung entspricht. Ein häufiger Fehler besteht darin, dass die Garantiedauer nicht korrekt positioniert wird. Wird nur eine einzelne Zahl für die Garantiedauer verwendet, beispielsweise für fünf Jahre, muss diese zusammen mit dem Kalendersymbol an der vorgesehenen Stelle dargestellt werden. Die Jahresangabe befindet sich dabei auf der rechten Seite neben dem Kalendersymbol.

Bei einem korrekt aufgebauten Label mit einer fünfjährigen Garantie steht die Zahl Fünf zusammen mit dem Kalendersymbol im vorgesehenen Bereich. Eine abweichende Positionierung kann dazu führen, dass das Label nicht der offiziellen Gestaltung entspricht.

Gerade bei verschiedenen Generatoren oder Apps kann es vorkommen, dass die Anordnung der Elemente abweicht und die Jahresangabe nicht entsprechend der vorgesehenen Gestaltung ausgegeben wird. Deshalb sollte vor dem Einsatz geprüft werden, ob das erzeugte Label dem offiziellen Aufbau entspricht und die festen Bestandteile unverändert übernommen werden.

Ein weiterer Punkt betrifft die Farbgestaltung des EU GARAN Labels. Bei unserer Prüfung haben wir festgestellt, dass viele Generatoren und Apps einen abweichenden Blauton verwenden. Um die korrekte Umsetzung einzuordnen, haben wir hierzu Rücksprache mit der IT-Rechtskanzlei gehalten. Dabei wurde uns bestätigt, dass zwischen dem in den Vorgaben genannten Farbwert und der tatsächlich verwendeten Farbe in den offiziellen EU Vorlagen Unterschiede bestehen.

Wir haben uns deshalb bewusst dafür entschieden, unseren Generator an den offiziellen Vorlagen der EU auszurichten und den dort tatsächlich verwendeten Farbwert für die farbige sowie die Nested Variante zu übernehmen.

Vollständige Darstellung und Nested Label kombinieren

Bei der Umsetzung des EU GARAN Labels in Shopify spielt die richtige Darstellung eine wichtige Rolle, da das vollständige Label nicht an jeder Stelle sinnvoll eingesetzt werden kann. Eine praktische Lösung ist die kompakte Nested Darstellung, bei der die wichtigsten Informationen sichtbar bleiben und Nutzer anschließend die vollständigen Labelangaben öffnen können. Dabei enthält das Nested Label insbesondere die Garantiedauer, während die vollständige Variante zusätzlich die weiteren produktspezifischen Angaben wie Hersteller beziehungsweise Marke und Modellkennung enthält.

Für die Umsetzung in Shopify bietet diese Kombination einen praktischen Vorteil, da das vollständige Label dort eingesetzt werden kann, wo ausreichend Platz vorhanden ist, während an kompakteren Stellen eine platzsparende Darstellung möglich bleibt. Wir verwenden deshalb auf der Produktdetailseite bevorzugt die vollständige Variante, während auf Kollektionsseiten oder im Warenkorb die Nested Variante genutzt werden kann, um die Übersichtlichkeit des Shops zu erhalten.

Wie auch Herr Dr. Klostermann in der rechtlichen Einordnung bestätigt, kann die geschachtelte Darstellung für das EU GARAN Label genutzt werden. Aus diesem Grund setzen wir bei unserer Shopify Umsetzung ebenfalls auf dieses Prinzip und kombinieren die vollständige Darstellung mit der platzsparenden Nested Variante.

Bei unserer Shopify Umsetzung orientieren wir uns an diesem Prinzip und setzen die Darstellung abhängig vom jeweiligen Einsatzort um. Auf der Produktdetailseite verwenden wir bevorzugt die vollständige Variante des EU GARAN Labels, da dort ausreichend Platz vorhanden ist und alle relevanten Angaben wie Garantiedauer, Hersteller beziehungsweise Marke und Modellkennung direkt sichtbar dargestellt werden können.

Zusätzlich kann auf der Produktdetailseite auch die kompakte Nested Variante eingesetzt werden, wenn eine platzsparendere Darstellung gewünscht ist. Im Warenkorb nutzen wir dagegen bevorzugt die Nested Variante, da dort häufig mehrere Produkte gleichzeitig dargestellt werden und das vollständige Label schnell viel Platz einnehmen würde.

Über die kompakte Darstellung bleiben die wichtigsten Informationen sichtbar, während die vollständige Labelansicht über eine entsprechende Interaktion erreichbar bleibt. Dabei achten wir darauf, dass die Darstellung nicht nur per Hover funktioniert, sondern auch auf mobilen Endgeräten über Klick oder Touch nutzbar ist.

EU GARAN Label Shopify manuell einbinden

Für die manuelle Einbindung des EU GARAN Labels in Shopify wird das Label nicht innerhalb des Themes erzeugt, sondern zunächst als fertiges Bild vorbereitet. Anschließend wird in Shopify eine eigene Möglichkeit geschaffen, dieses Bild einem Produkt beziehungsweise einer Produktvariante zuzuordnen und über einen Theme Block an der gewünschten Stelle auszugeben. Dadurch bleibt die eigentliche Labeldatei getrennt vom Layout des Shops und kann bei Bedarf ausgetauscht werden, ohne den Liquid Code erneut bearbeiten zu müssen. Besonders sinnvoll ist dafür ein Produkt Metafeld, in das ausschließlich das fertige GARAN Label als Bild hochgeladen wird. Hat ein Produkt Varianten mit unterschiedlichen Labels, kann dieselbe Logik auf Varianten Metafelder übertragen werden. Das Label selbst können Sie zuvor über den weiter oben eingebundenen Generator erstellen.

Metafeld für das GARAN Label anlegen

In Shopify kann zunächst ein Produkt Metafeld angelegt werden, das ausschließlich die fertige Bilddatei enthält. Beispielsweise kann dafür der Namespace custom und der Schlüssel eu_garan_label verwendet werden.

Als Inhalt wird anschließend nur das fertige GARAN Label als Bild hinterlegt. Zusätzliche Texte wie Hersteller, Modellnummer oder Garantiedauer müssen innerhalb des Shopify Blocks nicht erneut gepflegt werden, weil diese Angaben bereits Bestandteil der erzeugten Labelgrafik sind.

Für Produkte mit unterschiedlichen Varianten kann zusätzlich ein entsprechendes Varianten Metafeld angelegt werden. Dadurch kann beispielsweise Variante A ein GARAN Label für fünf Jahre erhalten, während Variante B ein anderes Label mit einer anderen Modellkennung erhält.

Eigenes Liquid Snippet erstellen

Im Shopify Theme wird anschließend ein eigenes Snippet angelegt, welches prüft, ob für das Produkt ein GARAN Label hinterlegt wurde und dieses Bild ausgibt.

Datei: snippets/eu-garan-label.liquid

{% assign garan_label = product.metafields.custom.eu_garan_label.value %}

{% if garan_label != blank %}
  <div class="product__garan-label">
    {{
      garan_label
      | image_url: width: 900
      | image_tag:
        loading: 'lazy',
        alt: 'EU GARAN Label für ' | append: product.title
    }}
  </div>
{% endif %}

Der Code prüft zunächst, ob beim Produkt ein Labelbild hinterlegt wurde. Ist kein Bild vorhanden, wird auch keine leere Ausgabe erzeugt. Dadurch kann derselbe Theme Block für alle Produkte verwendet werden, unabhängig davon, ob ein EU GARAN Label benötigt wird oder nicht.

Block im Shopify Theme ergänzen

Damit das Label im Shopify Theme platziert werden kann, wird ein eigener Block innerhalb der Produktsektion ergänzt.

{% when 'eu_garan_label' %}
  {% render 'eu-garan-label', product: product %}

Anschließend wird der Block im Theme Editor an der gewünschten Stelle innerhalb der Produktseite eingefügt.

In unserer Umsetzung platzieren wir das vollständige EU GARAN Label bevorzugt in der Nähe des Produktbereichs, damit die Zuordnung zum Produkt eindeutig bleibt.

Darstellung per CSS anpassen

Für eine saubere Darstellung kann zusätzlich eine eigene CSS Klasse verwendet werden.

.product__garan-label {
  margin-block: 1rem;
  max-width: 360px;
}

.product__garan-label img {
  display: block;
  width: 100%;
  height: auto;
}

Die Größe sollte so gewählt werden, dass sämtliche Informationen des Labels lesbar bleiben. Gleichzeitig darf die Grafik nicht verzerrt oder verändert werden, da die Gestaltung des offiziellen Labels vorgegeben ist.

Shopify Apps für das EU GARAN Label

Grundsätzlich gibt es Shopify Apps, die eine Erstellung und Einbindung von Garantie-Labels ermöglichen. Bei unserer Prüfung verschiedener Lösungen haben wir jedoch festgestellt, dass die technische Einbindung allein nicht ausreicht. Entscheidend ist nicht nur, dass ein Label erzeugt und über verschiedene Theme Blöcke ausgegeben werden kann, sondern dass die Darstellung auch den Anforderungen des EU GARAN Labels entspricht.

Ein häufiger Kritikpunkt bei den geprüften Lösungen betrifft die Gestaltung des Labels. Nach unseren Kriterien werden beispielsweise Vorgaben zur Positionierung der Garantiedauer, zur korrekten Farbgestaltung oder zur originalgetreuen Umsetzung der offiziellen Vorlage nicht vollständig berücksichtigt. Dadurch entsteht zwar ein technisch eingebundenes Label, jedoch keine Umsetzung, die den von uns zugrunde gelegten Anforderungen entspricht.

Aus diesem Grund stellen wir an dieser Stelle keine konkrete Shopify App als empfohlene Lösung für das EU GARAN Label vor. Für eine saubere Umsetzung setzen wir stattdessen auf eine kontrollierte Erstellung des Labels über unseren Generator und eine individuelle Einbindung im Shopify Theme. Dadurch kann sichergestellt werden, dass das Label korrekt erstellt wird und anschließend passend zum jeweiligen Produkt an den gewünschten Stellen im Shop erscheint.