Cadeaubonnen personaliseren met een aangepaste afbeelding

Let op

Vintage thema's zijn niet beschikbaar in de Theme Store. Vintage thema's hebben niet de functies die in de Online Store 2.0-thema's van Shopify zijn opgenomen en de gratis vintage thema's van Shopify krijgen geen updates, behalve als dit voor de beveiliging nodig is.

Opmerking

Als je een gratis thema van Shopify gebruikt, kun je mogelijk contact opnemen met Shopify Support voor hulp bij deze tutorial. Hiervoor is vijftien minuten ontwerptijd nodig. Hier vind je meer informatie over het Shopify-ontwerpbeleid.

Upload een nieuwe afbeelding voor je cadeaubon

1. Ga in het Shopify-beheercentrum naar webshop > Thema's.
2. Zoek het thema dat je wilt bewerken en klik op de knop ... > Code bewerken.
3. Klik in de directory Activa op Nieuwe activa toevoegen.

4. Klik op Bestand kiezen om naar de nieuwe cadeaubonafbeelding op je computer te bladeren en upload deze. We stellen voor dat je een eenvoudige bestandsnaam gebruikt, bijvoorbeeld blue-giftcard.png.

5. Klik op Asset uploaden. De nieuwe cadeaubon wordt in de map Assets weergegeven. Let op de bestandsextensie (.png of .jpg).

Bewerk het templatebestand van de cadeaubon zodat je nieuwe afbeelding wordt gebruikt

1. Klik op gift-card.liquid in de directory Templates.
2. Zoek de volgende code in het bestand:

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

1. Vervang deze door het volgende:

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

1. Klik op Opslaan.

Opmerking

Zorg ervoor dat je blue-giftcard.png van de bestandsnaam en extensie van de nieuwe afbeelding zo nodig wijzigt.

Bekijk een voorbeeld van je nieuwe cadeaubonafbeelding

1. Klik in de themacode-editor in de rechterbovenhoek op Thema aanpassen.
2. Open de themabewerker.
3. Selecteer Cadeaubon uit het menu bovenaan de pagina, of vanuit het menu Templates op je mobiele telefoon.