Show a specific announcement bar for a specific URL

[drew_ward]

Hi Folks:

Does anybody know how to implement logic that shows a specific announcement bar but only for a selected page.   The announcement bar then would not be shown for other pages.

Thanks,

Drew

[StevieW]

Hi Drew

https://shopify.dev/api/liquid/objects#request

Use 'request.path'. Something like 

{% if request.path includes <your string> %}
    ...do stuff
{% endif %}

Not tested, but you get the idea.

[drew_ward]

Thank you.  

[KetanKumar]

@drew_ward 

oh sorry for that issue can you please share store url

[PaulNewton]

You would basically need to either make a custom announcement bar section that changes things based on the logic that detects the page.

Or make an alternate theme.liquid layout then modify those pages to use that layout with a different announcement bar.

Either way generally and advanced theme customization.

[drew_ward]

Thank you Paul.

[oscprofessional · Accepted solution]

Hello @drew_ward 

This guide will be helpful to you; please refer to it -

https://www.shopify.com/in/partners/blog/shopify-announcement-bar

[drew_ward]

Thank you.    I'll review the link.