Shopify-Themes, Liquid, Logos und ähnliche Themen
Hallo liebe Community!
Wie kann ich denn meine Gutscheinvorlage designen? Die rote Karte mit Schleife sieht etwas doof aus 😄
Liebe Grüße und danke schonmal
Steffi
Hey Steffi! @Feffo9
Gabe aus Shopify hier! Und ja die standard Gift Card Vorlage sieht nicht besonders inspirierend aus, das stimmt 🙂
Die Good News ist dass man die Vorlage im Code gestalten kann, wie ein normales Produkt. Wir haben dazu eine nicht unterstützte Anleitung dazu hier also viel Spaß beim basteln 🙂
VG
Gabe
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Hallo,
gibt es auch eine Anleitung, wie ich mein Logo oben auf dem Geschenkgutschein einfügen kann?
Die Anleitung zur Anpassung der Gift Card Vorlage war sehr hilfreich - diese habe ich bereits ändern können.
Vielen Dank vorab!
LG, Lisa
Hey @lisa93
Super freut mich! Bist du in meinem verlinkten Tutorial oben auch weiter runtergescrollt? Da wird das Thema auf 5 weiteren Seiten weiter besprochen, wie man hier sieht. Vielleicht gibt es was hilfreiches da:
Dann wäre der beste Weg, einen editierbaren Kopfzeilenbereich zur gift-card.liquid hinzuzufügen und zwar ungefähr hier:
Damit kannst du den Code deines Logos da einfügen. Einen Experten der sich da auskennt ist der Guido Michele den du hier auf FB erreichen kannst.
Gabe
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Kannst du machen, wird aber ggf. außerhalb des Shopify Support Rahmens liegen leider. Der Guido oder auch unsere FB Gruppe kann da bestimmt helfen.
Gabe
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Eine Frage bezüglich der Anpassung der Gutscheine. Kann man auch den ausgedruckten Bon bei einem POS Verkauf anpassen? Das aktuelle Design ist doch eher etwas schlicht und wenigstens z.B. das Logo oder einen Freitext hinzuzufügen wäre doch ganz schön.
Hey @General1976
Ja, der Gift Card Code befindet sich 1) im Bereich Benachrichtigungen, und 2) im gift-card.liquid deines Themes. Im Theme selber wirst du den Gift Card Code bearbeiten können und leider kenne ich das Avone Theme nicht.
Im grunde ist die Gift Card UX nativ im Theme sehr bedürftig und ich würde eine Gift Card App empfehlen wie Rise.ai.
Du kannst aber zur Gift Card Vorlage einen QR Code entweder als Bild oder als dynamic content in der Vorlage einbinden mit einer unserer QR Code Generator Apps.
Ein typisches dynamisches QR-Code-HTML für die Geschenkkarten-Vorlage könnte wie folgt aussehen:
<div class="gift-card">
<h2>Mein Shop Geschenkkarte</h2>
<img src="https://api.qrserver.com/v1/create-qr-code/?data={{ gift_card.code }}&size=200x200" alt="Geschenkkarten-QR-Code">
<p>Gutscheincode: {{ gift_card.code }}</p>
<p>Gutscheinwert: {{ gift_card.initial_value | money }}</p>
<p>Gültigkeitsdauer: {{ gift_card.expires_on | date: '%d.%m.%Y' }}</p>
</div>
Hier wird der QR-Code mit der QR-Code-Generierungs-API von einem QRServer automatisch generiert, wobei die Variable gift_card.code
als Daten für den QR-Code verwendet wird. Die Variablen gift_card.initial_value
und gift_card.expires_on
werden verwendet, um den Gutscheinwert und die Gültigkeitsdauer anzuzeigen. Man passt halt das HTML an deine spezifischen Anforderungen und Designpräferenzen.
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
Im Februar haben wir unser erstes zweiwöchiges Community AMA im neuen englischsprachigen A...
By SarahF_Shopify Mar 22, 2023Im folgenden Thread unterhalte ich mich mit einem unserer Top-Experten und Shopify Partner...
By Gabe Mar 17, 2023Alle 6 Monate bringen wir eine Ausgabe von Shopify Editions heraus mit unseren neuest...
By Jasoh Feb 10, 2023