How To Hide Announcement Bar From Specific Product Page

Store Design
, ,
1

Hi all,

I would love some help removing the standard Shopify Announcement Bar from a particular product page.

(https://englishcyclist.com/products/custom-map)

Its a unique page where the standard product page template is replaced with a custom app I had developed… Is it possible to remove the announcement bar from a single page like this?

If it helps I am using Dawn v2.5.0

Many thanks, Rob

Cheers, Ro

2

Hi @englishcyclist ,

You can add bellow code on the theme.liquid just above 

{% assign target_page = 'shopify-setup-basic' %}
    {% if target_page contains product.handle %}
      
    {% endif %}

You can add multiple product pages on target_page seperated by comma. For example:

{% assign target_page = 'shopify-setup-basic, page-2, page-3' %}
3

Hi @englishcyclist

add this script before on theme.liquid file

or

you have do edit some files on header or announcment file

{% unless template contains ‘product’ or template contains ‘collection’ %}

shippings text

{% endunless %}

Thanks

4

Hello Rob,

Yes, it is possible. Open the theme.liquid file and add this code at the bottom, just before the closing tag.

{% if template == 'product' %}
   {% if product.handle == "custom-map" %}

   {% endif %}
{% endif %}

Do let me know if you still need any help, I would love to help.

Regards,

Stacksols

5

Thanks! I started with your solution as it was first in the list and it worked perfect first time thank you!