I want an announcement bar slider

Shopify Discussion
1

Hi, I want an announcement bar slider on my website, I don’t know where or how to insert the code to make my header announcements move across my screen. I’m currently using theme “motion with installments”. If anyone could direct how to do it please.

2

You can add slide announcement bar in 2 types.

  1. using CSS animation

  2. Using slider JS library.

Do you have knowledge of Liquid coding, JS, and CSS? If you have then you can easily do it on your own. I have given one small example here by using CSS and HTML. Please refer below code.


  

    - Announcement 1

    - Announcement 2

    - Announcement 3

you can add this code in your header file or in your theme file.

let me know if you have any doubts.

3

hey thanks for replying. No, I’m in the basic stages of coding I barely know anything about it to do it myself. Could you help me if I give you access to my account?

4

Sure, I will help you with this.

5

Thank you so much, send a collaborator request please, here’s the code to sent it… 3771

6

without store URL how can I send the collaborator request? :sweat_smile:

could you please share the store URL?

7

skin-kissed-facial.myshopify.com or www.skinkissedfacial.com, haha sorry

8

Please check and confirm. I have added the sliding announcement bar.

9

it is active omg thank you so much, I was struggling with that for hours upon hours. You’re a hero.

10

You are welcome. :slightly_smiling_face: