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 solution! Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. 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 solution! Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. 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)
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024