How To Change Gift Card Recipient Page Image On Shopify Dawn Theme

[kbiesenbach]

I'm looking for a code or a way to change the Dawn theme recipient page layout/design. It currently looks like this and there are no settings to customize this page: 

I would like to replace the logo image with a custom image and change the text that says QR code in-store as I don't have a physical store.

Any help would be greatly appreciated. 

Thank you

[Dan-From-Ryviu · Accepted solution]

Dawn theme has no option to customize this image, but you can go to your Online store > Themes > Edit code, open gift_card.liquid, find those lines of code 

{%- assign logo_alt = settings.logo.alt | default: shop.name | escape -%}
{{ settings.logo | image_url: width: 570 | image_tag: class: 'gift-card__image', alt: logo_alt }}

Remove them and add your image code

<img src="your image link goes here" width="570" height="114" class="gift-card__image">

[Dan-From-Ryviu · Accepted solution]

Dawn theme has no option to customize this image, but you can go to your Online store > Themes > Edit code, open gift_card.liquid, find those lines of code 

{%- assign logo_alt = settings.logo.alt | default: shop.name | escape -%}
{{ settings.logo | image_url: width: 570 | image_tag: class: 'gift-card__image', alt: logo_alt }}

Remove them and add your image code

<img src="your image link goes here" width="570" height="114" class="gift-card__image">

[kbiesenbach]

Thank you Dan. That worked well. Can you please let me know how I change the text below the image and store name? It currently says 

Use the gift card code online or QR code in-store - I want to change it to Use the gift card code online

[Dan-From-Ryviu · Accepted solution]

You can store name text by removing {{ shop.name }} in this line of code with your text

<h2>{{ shop.name }}</h2>

To change "Use the gift card code online or QR code in-store", please go to Online store > Themes > Edit default them content, search that text, edit and save 

[kbiesenbach]

That worked brilliantly! Thank you so much for your help!

[Dan-From-Ryviu]

You are welcome

[Megadster]

I remember struggling with a similar issue when I was setting up my Shopify store. Changing the gift card recipient page image seemed like a daunting task at first. After digging around a bit, I found some helpful resources in the Shopify community forums. Also, if you're into streamlining processes, you might want to check out voucher software. It's been a game-changer for me in managing gift cards and vouchers seamlessly.