Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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 and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
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
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
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 and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
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
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
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
That worked brilliantly! Thank you so much for your help!
You are welcome
- Helpful? Like and Accept a solution. - Donate: Buy coffee ☕- or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now
User | RANK |
---|---|
197 | |
179 | |
83 | |
60 | |
47 |
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023