Geschenkgutscheine mit einem benutzerdefinierten Bild personalisieren

Achtung

Vintage-Themes sind nicht im Theme Store verfügbar. Vintage-Themes verfügen nicht über die Funktionen, die in den Onlineshop 2.0-Themes von Shopify enthalten sind. Kostenlose Shopify-Vintage-Theme erhalten nur sicherheitsbezogene Aktualisierungen.

Hinweis

Wenn du ein kostenloses Theme von Shopify verwendest, kannst du dich an den Shopify Support wenden, um Hilfe zu diesem Tutorial zu erhalten. Die Designzeit beträgt 15 Minuten. Erhalte mehr Informationen zur Shopify-Designrichtlinie.

Neues Bild für Gutschein hochladen

1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.

2. Klicke neben dem zu bearbeitenden Theme auf die Schaltfläche ... > Code bearbeiten.

3. Klicke im Verzeichnis Assets auf Füge ein neues Element hinzu.

4. Klicke auf Datei auswählen, um das neue Geschenkgutscheinbild auf deinem Computer zu suchen und hochzuladen. Wir empfehlen die Verwendung eines einfachen Dateinamens, zum Beispiel blue-giftcard.png.

5. Klicke auf Asset hochladen. Das neue Geschenkgutscheinbild wird im Verzeichnis Assets angezeigt. Beachte die Dateierweiterung (.png oder .jpg).

Gutschein-Vorlagendatei so bearbeiten, dass diese das neue Bild verwendet

1. Klicke im Verzeichnis Vorlagen auf gift-card.liquid.
2. Suche in der Datei nach dem folgenden Code:

<img src="{{ 'gift-card/card.svg' | shopify_asset_url }}" alt="">

1. Ersetze es durch folgendes:

<img src="{{ 'blue-giftcard.png' | asset_img_url: '950x550' }}" alt="">

1. Klicke auf Speichern.

Hinweis

Achte darauf, den Dateinamen und die Erweiterung von blue-giftcard.png an das neue Bild anzupassen, sofern sich diese Eigenschaften unterscheiden.

Vorschau des neuen Geschenkgutscheinbildes anzeigen

1. Klicke im Theme-Code-Editor in der oberen rechten Ecke auf Theme anpassen.
2. Öffne den Theme-Editor.
3. Wähle im Dropdown-Menü oben auf der Seite oder im Menü Vorlagen für Mobiltelefone die Option Geschenkgutschein aus.