Changing the Gift Card Icon in email

NZA
Pathfinder
122 12 33

Good day, I am sorry if this was asked before but i would really apreciate the help!

I am trying to change the gift card icon that comes with the email that you send from Shopify, I am not using any apps.

Here is the Original Card in the email:

240956339_3752551111512199_4804556106539807183_n.png

And this is the page it leads to on the site: (Link: https://www.truetosole.hu/gift_cards/29995106/preview?fbclid=IwAR0cCHtZ0KwjRJMUCX4t4pyF1-vJ9FYiO5Xfc...)

241041688_427881948644050_4611086645362624514_n.png

I have already uploaded the new card i want to use into my assets, it called : Email-Card.png

I am using the Prestige theme

Store link: https://www.truetosole.hu/en

Thank you for the help in advance!

0 Likes
Ivy
Shopify Staff
Shopify Staff
159 23 21

Hi there @NZA

We have had this query before and the answer has been outlined on this community forum, let me break it down for you here:

Modifying your gift card image is something you can do in your Shopify admin, but it does require some coding. I'll walk you through each step, but I want to start with some information if you're unsure how to code.

If you're using a free theme from Shopify, then our Support team might be able to help you with this tutorial. Although Shopify can help you with many customizations, some kinds of customizations aren't supported.

If you're using a paid theme, then your theme was made by a third-party developer and Shopify's Support team can't help you with it. If you need help customizing a paid theme, then consider hiring a Shopify Expert. Similar to free themes, some kinds of customizations aren't supported because of limitations associated with the theme or Shopify admin.

Learn more about support for themes.

Uploading your image.

To upload a new image for your gift card, follow these steps:

  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.
  5. Click Upload asset. The new gift card image will appear in your Assets directory. Take note of the file extension (.png or .jpg)  
     

     

Attach picture to the gift card 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.

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.

I hope this helps! It's a great idea to have your gift cards set yup exactly as you would like them in time for BFCM this year. Do you have any sales or marketing planned for BFCM? We have excellent resources at our BFCM toolbox so you're feeling 100% ready and confident for what could be your most profitable weekend of the year! 

Ivy | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog