Produktlabels/Badges anzeigen lassen auf Produktbild

[LukasOS]

Hallo Leute,

ich habe schon versucht über mehrere YouTube-Videos die erhoffte Lösung zu finden, aber konnte leider keine Antwort darauf bekommen. Wie oben im Betreff bereits geschrieben möchte ich auf meinen Produkten/Produktbildern folgendes anzeigen lassen: "Neu", "Sale", etc. also in Form von Textboxen, so nenn ich das jetzt nun mal, belehrt mich gern eines besseren 😄

Ich habe zuvor versucht mithilfe von Metafields das Ganze zu erstellen, ist mir aber leider nicht gelungen und weitere Apps möchte ich fürs erste versuchen zu meiden, sofern dadurch die Ladezeiten meines Onlineshops leiden sollten.

Könnt ihr mir bitte dabei helfen? Ich hoffe die Frage ist verständlich formuliert.

[Gabe · Accepted solution]

Hey @LukasOS 

Danke für die Fragen und hier ist es immer gut deine Shop URL mit beizufügen, so dass wir eine mehr angepasste Antwort geben können. Ich sehe du möchtest gerne "Sale-Badges" auf die Produkte anwenden. Möchtest du diese auch auf den Kategorie Seiten anzeigen?

Produkt-Labels wie NEU sind auch ein wesentlicher Bestandteil eines jeden Online Shops denn der Besucher möchte ja die versch. Statuse der Produkte auf Anhieb sehen können. Wir haben einige Apps wie Modemagic entwickelt, mit der man innerhalb weniger Sekunden Produktaufkleber/Badges zu Ihrem Katalog hinzufügen kann. Da gibt es umfangreiche Sammlungen von benutzerdefinierten Aufklebern, die auf verschiedenen Anlässen basieren (Verkauf & Rabatte, Vorbestellung, Vertrauensabzeichen und vieles mehr). Man kann auch benutzerdefinierte Abzeichen erstellen, basierend darauf, welche Methode man bevorzugt. Siehe Beispiele hier:

Ohne App wird das auch einen Experten-Programmierer verlangen was du brauchst (gerne kann ich welche empfehlen), oder du testest einfach weitere Themes in deinem Shop die diesen "Product Label" Feature bereits out-of-the-box mit eingebaut haben wie beispielsweise diese hier (einfach durch die Demos klicken um die Features in Action zu sehen).

Apps die das auch können sind:

• Prime Badges Labels & Stickers, 
• Labelfy ‑ Product Labels, 
• Product Labels and Badges, 
• Product Labels & Badges Pro

Weitere Product Label Badge Apps sieht man hier.

DIY?

Dann kann man das auch DIY (do-it-yourself) machen wenn man sich traut im Code zu basteln.

• Wichtig: immer zuerst in einer Theme-Kopie vorher testen bevor man es im Live Theme implementiert. Frontend Apps die man nicht mehr braucht rate ich während der Probezeit zu entfernen, wenn man sie nicht behalten will. Auf diese Weise werden mögliche Gebühren für Apps vermieden.
  Einige Frontend Apps können auch das Theme Code ändern und die Page Loading Speeds verlangsamen und man sollte überprüfen, ob die App zusätzliche Schritte zur Deinstallation erfordert, bevor man die App aus dem Shop entfernt. Solche Apps (oder Code Änderungen) können ein Theme auch aus den Theme Updates ausschließen wenn das Theme Code geändert wird. Siehe dazu bitte die App Dokumentation (https://bit.ly/3oCC5qc).

Man kann z. B. es so haben dass die Badge automatisch die prozentuale Ersparnis aus dem Vergleichspreis und dem Verkaufspreis berechnet. Die Plakette könnte so etwas sagen wie "Sie sparen 50 %" usw. Ein Code, den man verwenden könnte, um das Verkaufsabzeichen anzuzeigen wäre der folgende und diesen fügt man im Kollektion- oder Produktvorlage Code hinzu und auch das css entsprechend anpassen im base.scss unter "Assets".

{% if product.compare_at_price_max > product.price %}Du sparst {{ product.compare_at_price_max | minus: product.price | times: 100.0 | divided_by: product.compare_at_price_max | money_without_currency | times: 100 | remove: '.0'}}% {% endif %}

Im product-template erhaltet man den regulären Preis und den Vergleichspreis. Mit diesen Werten kann den Prozentsatz finden und ihn an der gewünschten Stelle anzeigen.

Wenn das ein Shopify Theme ist und du auf einem bezahlten Plan dann können wir das ggf. anschauen als Teil deiner 60-Min Design Time. Schicke uns eine E-Mail hier und wir können das anschauen.

---
Lass auch wissen, wenn du weitere Fragen hast zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.