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

Solved

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

LiamP191
Shopify Partner
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
536 107 108

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
Trailblazer
147 16 21

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
8441 1661 1675

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 to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

David_SHT
Globetrotter
605 125 124

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
536 107 108

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
Trailblazer
147 16 21

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
8441 1661 1675

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 to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

David_SHT
Globetrotter
605 125 124

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)