marquee announcement

ragrobot1 · ‎08-20-2024

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

steve_michael2 · ‎08-20-2024

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

ragrobot1 · ‎08-20-2024

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

steve_michael2 · ‎08-20-2024

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' %}
<div class="custom-marquee">

// here your code for announcement bar
</div>
{% endif %}

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

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

Thanks!

ragrobot1 · ‎08-20-2024

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

Dan-From-Ryviu · ‎08-20-2024

Hi @ragrobot1

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

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Moeed · ‎08-20-2024

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

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications

Dan-From-Ryviu · ‎08-20-2024

Hi @ragrobot1

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

<style>
#shopify-section-marquee { display: none; }
</style>
{% if template == 'index' %}
<style>
#shopify-section-marquee { display: block !important; }
</style>
{% endif %}

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

ragrobot1 · ‎08-20-2024

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

marquee announcement

marquee announcement

- Need a Shopify Specialist? Chat on WhatsApp ✅- Get a quick Shopify quote – Click here!- Custom Design | Advanced Coding | Store Modifications

Community Blog Articles

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications