Testsiegel von Warentest online in den Produkten einfügen

Hallo liebe Community,

gibt es die Möglichkeit, dass man seine Testsiegel in den Produkten einfügt? Also rechts im Artikel neben dem Preis. Und wenn ja, das jeweils das Testsiegel für die bestimmten Produkte gilt. Also Testsiegel Klickfliesen auch zu den Produkten. Das Siegel sollte unter dem Logo stehen.

Hey @Silv_1

Das kannst du gerne auf deiner PDP Seite machen, verlangt aber etwas Coding oder eine Trust Badge App. Hast du die Apps schon testen können?

Stelle sicher, dass du alle Testsiegel als Bilddateien zur Hand hast und weißt, welches Testsiegel zu welchem Produkt gehört. Gehe zu “Einstellungen” > “Dateien” in deinem Shopify-Admin und lade alle deine Testsiegel hoch. Kopiere die URLs der hochgeladenen Bilder, da du sie später benötigen wirst.

Wenn du es selber auf deiner PDP 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!

Bearbeite den Theme-Code:

  • Gehe zu “Online Store” > “Themes” > [Dein aktuelles Theme] > “Aktionen” > “Code bearbeiten”.
  • Öffne die product liquid Datei oder eine ähnliche Datei, je nachdem welches Theme du verwendest.

Füge den Code für die Testsiegel ein:

  • Suche nach dem Code für den Produktpreis. Es könnte so etwas wie {{ product.price }} oder ähnlich sein.
  • Direkt darunter (oder wo immer du das Siegel anzeigen möchtest) füge den folgenden Code ein:
{% if product.title contains 'Klickfliesen' %}
  
{% endif %}

Ersetze URL_DEINES_TEST_SIEGELS_HIER mit der tatsächlichen URL des Testsiegels, das du in Schritt 2 hochgeladen hast.

  • Erweitere den Code für andere Produkte: Du kannst den obigen Code so oft wie nötig kopieren und anpassen, um unterschiedliche Testsiegel für verschiedene Produkte anzuzeigen. Ändere einfach die Bedingung im if-Statement (z.B. product.title contains 'Ein anderes Produkt') und die URL des Testsiegels entsprechend.

  • Änderungen speichern: Speichere die Datei und überprüfe deine Produktseite, um sicherzustellen, dass alles wie erwartet funktioniert.

Best-Practice: Bevor du größere Änderungen an deinem Theme vornimmst, solltest du, wie oben bereits erklärt, immer eine Sicherungskopie erstellen oder Änderungen zuerst in einem Kopie-Theme testen, um sicherzustellen, dass keine unerwünschten Nebeneffekte auftreten.

Hoffentlich hilft dir das weiter! Wenn du noch weitere Fragen oder Probleme hast, lass es mich wissen.