Solved

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

kbiesenbach
Tourist
8 0 2

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: 

 

kbiesenbach_0-1699022911249.png

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

Accepted Solutions (2)

Dan-From-Ryviu
Shopify Partner
7053 1334 1355

This is an 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">

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Dan-From-Ryviu
Shopify Partner
7053 1334 1355

This is an 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 

Screenshot_4.jpg

Screenshot_5.jpg

 

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
7053 1334 1355

This is an 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">

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

kbiesenbach
Tourist
8 0 2

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
Shopify Partner
7053 1334 1355

This is an 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 

Screenshot_4.jpg

Screenshot_5.jpg

 

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

kbiesenbach
Tourist
8 0 2

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

Dan-From-Ryviu
Shopify Partner
7053 1334 1355

You are welcome

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now