How to add multiple links and an image to an announcement bar?

Store Design
1

Hi,

how do i make the announcement bar have a few links + image, like this screenshot.

announcer bar.jpg
announcer bar.jpg1890×127 15.4 KB

1 Like
2

That is not announcement bar but your header

It depends on your theme, but with this you have showed its kind of a tiny header

Hit me up and I’ll guide yoy

1 Like
3

Hi, @Basti1 please share the code of the announcement bar liquid file. I will update it to have four clickable texts.

1 Like
4

@Basti1

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,

5

Thank you very much @Ahsan_ANC !

6

Hi, @Basti1 you mark this topic solved, is your problem solved?

7

Hi @Ahsan_ANC , not yet.

I show you code of the announcement bar liquid file:

I drop it as txt:

8

Hi, @Basti1 I have updated the code.

https://docs.google.com/document/d/1yJMeb87Jx584Y3KLQZoJViXPNRk-GeTCbuif2C89XAM/edit?usp=sharing

9

Hi @Ahsan_ANC it is work, thank you very much!

Is it possible to make a few corrections?

  1. Standard announcement scrolls to the left as in the screenshot (it should be middle)

  2. You can set the buttons not to have blue and purple colors as when clicking on a link? (like on screenshot)

  3. Can you have the inscription enlarged and bolder after hovering over it? How the buttons work (like on screen)

I drop screenshot:

ann bar.jpg
ann bar.jpg1920×1080 28.5 KB

10

Please share the preview link where you add this code.