Shopify themes, liquid, logos, and UX
Is there a way to add a link to the product on my announcement banner?
My store is: gigachew.com.au
I'd like it to be: Free Shipping on Australian Orders Over $50 - SHOP
Any help is much appreciated.
Solved! Go to the solution
This is an accepted solution.
Hi @LiamP191
Its Artzen Technologies! We will be happy to help you today.
Follow these Steps:
1) Go to Online Store
2) Theme Customize
3) Select Announcement Bar Section
Add link there in the section
After you add link, it will look like this and will you redirect you to the page to which you want to take it to.
Let me know if need further assistance
Regards,
Artzen Technologies
This is an accepted solution.
Hi @LiamP191
Follow these steps:
1) Go to Online Store
2) Theme Customize
3) Select Announcement Bar Section
4) Select Welcome to our store/text
5) Add link in the section.
If I managed to help you then, don't forget to Like it and Mark it as Solutions.
This is an accepted solution.
Hi @LiamP191
It has option to add link to your announcement bar in your Online store > Themes > Customize
- 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.
Hi @LiamP191 ,
This is David at SalesHunterThemes.
if want announcement to "Free Shipping on Australian Orders Over $50 - SHOP"
You can try to follow these steps:
Go to Online Store -> Themes -> Actions -> Edit code.
Go Section folder -> announcement-bar.liquid file.
you can change from line 295 to line 300 with this code
{
"type": "richtext",
"id": "text",
"default": "<p>Welcome to our store</p>",
"label": "t:sections.announcement-bar.blocks.announcement.settings.text.label"
},
Before:
After:
you can change from line 43 to line 48, 102 -> 107 with this code
<div class="announcement-bar__message h5">
{{ section.blocks.first.settings.text}}
{%- if section.blocks.first.settings.link != blank -%}
{% render 'icon-arrow' %}
{%- endif -%}
</div>
before:
after:
result:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
David | SalesHunterThemes team
We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.
Try our Electro theme Free! (Now at Black Friday price)
This is an accepted solution.
Hi @LiamP191
Its Artzen Technologies! We will be happy to help you today.
Follow these Steps:
1) Go to Online Store
2) Theme Customize
3) Select Announcement Bar Section
Add link there in the section
After you add link, it will look like this and will you redirect you to the page to which you want to take it to.
Let me know if need further assistance
Regards,
Artzen Technologies
This is an accepted solution.
Hi @LiamP191
Follow these steps:
1) Go to Online Store
2) Theme Customize
3) Select Announcement Bar Section
4) Select Welcome to our store/text
5) Add link in the section.
If I managed to help you then, don't forget to Like it and Mark it as Solutions.
This is an accepted solution.
Hi @LiamP191
It has option to add link to your announcement bar in your Online store > Themes > Customize
- 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.
Hi @LiamP191 ,
This is David at SalesHunterThemes.
if want announcement to "Free Shipping on Australian Orders Over $50 - SHOP"
You can try to follow these steps:
Go to Online Store -> Themes -> Actions -> Edit code.
Go Section folder -> announcement-bar.liquid file.
you can change from line 295 to line 300 with this code
{
"type": "richtext",
"id": "text",
"default": "<p>Welcome to our store</p>",
"label": "t:sections.announcement-bar.blocks.announcement.settings.text.label"
},
Before:
After:
you can change from line 43 to line 48, 102 -> 107 with this code
<div class="announcement-bar__message h5">
{{ section.blocks.first.settings.text}}
{%- if section.blocks.first.settings.link != blank -%}
{% render 'icon-arrow' %}
{%- endif -%}
</div>
before:
after:
result:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
David | SalesHunterThemes team
We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.
Try our Electro theme Free! (Now at Black Friday price)
User | RANK |
---|---|
204 | |
172 | |
80 | |
58 | |
48 |
Make 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, 2023You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...
By Skye Nov 8, 2023