Individual Images/Themes for Gift Cards

Highlighted
Excursionist
17 1 3

Hi I have followed Shopify's instructions regarding changing the image on the gift card. I would like to have a few different ones - for Christmas, birthdays etc. If I copy and paste the code in the template file  and change the new image name, like you're suppose to,  would that be O.K. to do as the cards look fine when I look on the custom theme preview. Each card have their own set of numbers so I guess I might be on the right track. I just need to know just in case I am on the verge of stuffing it up in the long run.
Here is the example code I have:

<div class="giftcard__image mb-15 position-relative">
<img src="{{ 'brown_gift_for_you.png' | asset_img_url: '1024x1024' }}" alt="">

<div class="giftcard__code d-flex flex-center position-absolute left-0 right-0 bottom-0 mx-20 mb-20 text-center">
{%- assign code_size = gift_card.code | format_code | size -%}
<span id="GiftCardDigits" class="font-weight-bold">{{ gift_card.code | format_code }}</span>
</div>
</div>
<div class="giftcard__image mb-15 position-relative">
<img src="{{ 'xmas_gift_for_you.png' | asset_img_url: '1024x1024' }}" alt="">

<div class="giftcard__code d-flex flex-center position-absolute left-0 right-0 bottom-0 mx-20 mb-20 text-center">
{%- assign code_size = gift_card.code | format_code | size -%}
<span id="GiftCardDigits" class="font-weight-bold">{{ gift_card.code | format_code }}</span>
</div>
</div>

Thank you in advance!

0 Likes