Personalize gift cards with a custom image

Caution

Vintage themes aren't available in the Theme Store. Vintage themes don't have the features included in Shopify's Online Store 2.0 themes, and Shopify free vintage themes don't receive updates except security fixes.

Note

If you use a free theme from Shopify, then you can contact Shopify Support for help with this tutorial. It requires 15 minutes of design time. Learn more about the Shopify Design Policy.

Upload a new image for your gift card

1. From your Shopify admin, go to Online Store > Themes.
2. Find the theme you want to edit, and click the ... button > Edit code.
3. In the Assets directory, click Add a new asset.

4. Click Choose File to browse to the new gift card image on your computer and upload it. We suggest using a simple filename, for example blue-giftcard.png.

   Tip

   The recommended size for gift card images is 950 px by 550 px (you can also use an aspect ratio of 5:3 or a minimum size of 450 px by 270 px).

5. Click Upload asset. The new gift card image displays in your Assets directory. Take note of the file extension (.png or .jpg).

Edit the gift card template file so that it uses your new image

1. In the Templates directory, click gift-card.liquid.
2. Find the following code within the file:

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

1. Replace it with the following:

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

1. Click Save.

Note

Make sure to change blue-giftcard.png to the file name and extension of the new image as needed.

Preview your new gift card image

1. From the theme code editor, in the top right-hand corner, click Customize theme.
2. Open the theme editor.
3. From the drop-down menu at the top of the page, or from the Templates menu on mobile, select Gift card.