Geschenkgutscheine mit einem benutzerdefinierten Bild personalisieren

Achtung

Vintage-Themes sind nicht im Theme Store verfügbar. Diese Themes verfügen nicht über die Funktionen, die in den Onlineshop 2.0-Themes von Shopify enthalten sind, und 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. Weitere Informationen dazu findest du unter Theme-Support.

Neues Bild für Geschenkgutschein hochladen

1. Gehe in deinem Shopify-Adminbereich auf Onlineshop > Themes.
2. Suche das Theme, das du bearbeiten möchtest, und klicke 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 Element hochladen. Das neue Geschenkgutscheinbild wird im Verzeichnis Assets angezeigt. Beachte die Dateierweiterung (.png oder .jpg).

Geschenkgutschein-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: '1024x1024' }}" 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.