New Shopify Certification now available: Liquid Storefronts for Theme Developers

Adding a link that goes to my product on the shopify announcement banner

Solved
LiamP191
Excursionist
25 1 4

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.

Accepted Solutions (4)
Artzen_tech
Shopify Partner
521 105 105

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

Artzen_tech_0-1696317192438.png


Add link there in the section

Artzen_tech_1-1696317216591.png


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.

Artzen_tech_2-1696317236851.png



Let me know if need further assistance
Regards,
Artzen Technologies

 

 

 

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify

View solution in original post

syedsumaimaly
Explorer
147 16 17

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

 

syedsumaimaly_0-1696318151016.png

5) Add link in the section.

 

syedsumaimaly_1-1696318188742.png

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

 

 

View solution in original post

Dan-From-Ryviu
Shopify Partner
5626 1036 1065

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

View solution in original post

David_SHT
Trailblazer
605 123 123

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:

David_SHT_1-1696318506808.png

 

After:

David_SHT_0-1696318455642.png

 

 

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:

David_SHT_5-1696319797922.png

 

David_SHT_6-1696319869080.png

 

after:

David_SHT_3-1696319625302.png

David_SHT_4-1696319708840.png

 

 

 

result:

 

David_SHT_2-1696319446031.png

 

 

 

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)

View solution in original post

Replies 4 (4)
Artzen_tech
Shopify Partner
521 105 105

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

Artzen_tech_0-1696317192438.png


Add link there in the section

Artzen_tech_1-1696317216591.png


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.

Artzen_tech_2-1696317236851.png



Let me know if need further assistance
Regards,
Artzen Technologies

 

 

 

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify
syedsumaimaly
Explorer
147 16 17

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

 

syedsumaimaly_0-1696318151016.png

5) Add link in the section.

 

syedsumaimaly_1-1696318188742.png

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

 

 

Dan-From-Ryviu
Shopify Partner
5626 1036 1065

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

David_SHT
Trailblazer
605 123 123

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:

David_SHT_1-1696318506808.png

 

After:

David_SHT_0-1696318455642.png

 

 

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:

David_SHT_5-1696319797922.png

 

David_SHT_6-1696319869080.png

 

after:

David_SHT_3-1696319625302.png

David_SHT_4-1696319708840.png

 

 

 

result:

 

David_SHT_2-1696319446031.png

 

 

 

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)