All Tutorials

Personalize Gift Cards with a Custom Image

All Tutorials

Personalize Gift Cards with a Custom Image

Personalize Gift Cards with a Custom Image

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 Actions > Edit code.
  3. In the Assets directory, click Add a new asset: New asset menu
  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.
  1. Click Upload asset. The new gift card image will appear in your Assets directory. Take note of the file extension (.png or .jpg)

Asset list gift card

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.jpg' | shopify_asset_url }}" alt="">
  3. Replace it with the following:

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

Preview your new gift card image

  1. From the theme code editor, click on the Customize theme link in the top right hand corner.
  2. Click on the Homepage drop-down menu in the top bar of the customizer and select gift card from the list: theme editor page selector