marquee announcement

Store Design
1

Im having trouble on keeping the marque announcement header on the front page only, ive tried with the code and it isn’t responding.

2

Hi @ragrobot1 , I hope you are doing well, kindly share your store URL. Thanks!

3

Hi @ragrobot1

Could you share your store link so I can give you the code to do that?

4

Hey @ragrobot1

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

5

https://3f7da4-e5.myshopify.com here is my store url thank you.

6

  1. Go to Online Store → Theme → Edit code.

  2. Put the below code in the header.liquid or index.liquid, whatever name you have.

{% if template == ‘index’ %}

// here your code for announcement bar

{% endif %}

or the below code if above doesn’t works:
Please add this code after the head of theme.liquid or index.liquid file:

#shopify-section-marquee { display: none; }

{% if template == ‘index’ %}

#shopify-section-marquee { display: block !important; }

{% endif %}

If my reply helpful, kindly click like and mark it as an accepted solution.

Thanks!

7

Hi @ragrobot1

Please add this code to theme.liquid file, after in Online Store > Themes > Edit code


{% if template == 'index' %}

{% endif %}
8

hello I have tried and its still not responding, can I send you a collaborator code for help

9

hello I have put the code in and it wont work, can I send you a collaborator code for help