Show Gift Card Product variant name on gift card email

[GilRZ]

Hi,

I would like my customers to be able to buy gift card products and the gift card they receive to include the variant name and the value.

For example…

Gift Card Product - Shoes

With Variants -

Child Shoes £10

Adult Shoes £20

Just now if a customer buys the child shoes version as a gift for someone, they receive a gift card that simply has the text £10. I would like it to say Child Shoes £10.

Is it possible to change the code somewhere to include the variant name?

Thanks

[Bontalexel31]

Hey @GilRZ , can you give the link to your store, and could you please mention the theme you are currently using?

Cheers,

[GilRZ]

Hi,

I haven’t made the products live yet, but I’m using the Dawn theme.

Thanks

[Alvin_2]

Hi,

I also use the Dawn theme and can’t figure out how to display Variant title on email template or giftcard template.
some people seems to manage it with :

{{ gift_card.product.selected_variant.title }}

[Bontalexel31]

Hey @GilRZ , sorry for being late my notification ring doesn’t work.

Could you please send me some screenshots just to understand more what you want to implement?

Please share your store url as well.

[savita_nagdev]

Hi @GilRZ ,
Did you get any solution for this problem? It’s strange that when you use {{ gift_card.product }} it returns proper data but {{ gift_card.product.selected_variant }} returns blank or anything related to variant not returning any data.
Please let me know if you have found any solution, I want to display the image of the selected variant.

[GilRZ]

Hello,

No, I did not find a suitable answer and ended up going a totally different route using stamped digital downloads as in store vouchers. I did for a time, use the shopify voucher system and changed the voucher email to include variants .

[TheUntechnickle]

Hey @GilRZ,

So this is actually a known limitation in Shopify. The gift_card.product.selected_variant object doesn’t work in the gift card notification email - it just returns blank. Multiple people have confirmed this in the community forums.

There are two workarounds that actually work:

Option 1: Line item properties (best solution)

You need to pass the variant title as a line item property when the customer adds the gift card to cart. Then you can access it in the email via gift_card.properties.

1. On your gift card product page, add JavaScript that captures the variant title and passes it as a line item property:

document.querySelector('form[action="/cart/add"]').addEventListener('submit', function(e) {
  var variantTitle = document.querySelector('[name="id"] option:checked')?.text || 
                     document.querySelector('.selected-variant')?.textContent;
  
  var input = document.createElement('input');
  input.type = 'hidden';
  input.name = 'properties[Gift Card Type]';
  input.value = variantTitle;
  this.appendChild(input);
});

2. Then in Settings > Notifications > New gift card, add this to display it:

{% for prop in gift_card.properties %}
  {% unless prop.last == blank %}
    <p style="text-align: center;">{{ prop.first }}: {{ prop.last }}</p>
  {% endunless %}
{% endfor %}

Option 2: Match by price (simpler but limited)

If your variants all have unique prices, you can match the gift card value to display custom text:

{% if gift_card.initial_value == 1000 %}
  <p>Child Shoes - {{ gift_card.initial_value | money }}</p>
{% elsif gift_card.initial_value == 2000 %}
  <p>Adult Shoes - {{ gift_card.initial_value | money }}</p>
{% else %}
  <p>{{ gift_card.initial_value | money }}</p>
{% endif %}

Note: initial_value is in cents/pence, so £10 = 1000

The first option is more maintainable but requires theme code changes. The second is hacky but quick if you only have a few variants with unique prices.

The proper fix would be for Shopify to make gift_card.product.selected_variant actually work - might be worth submitting feedback to them.

Best,
Shubham | Untechnickle