Remove announcement bar from product page ONLY

Store Design
1

Hello!

I would like to ask if there is a way to remove the announcement bar from the product pages only? I found a solution already that worked, because it removed it, but it also left an empty white space at the top of the page.

Thanks in advance!

https://r20561-af.myshopify.com/?_ab=0&_fd=0&_sc=1

Password: theaba

1 Like
2

Hey @Sicilia2025

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

{%- if template == "product" -%}

{%- endif -%}

RESULT:

Moeed_0-1737198139373.png
Moeed_0-1737198139373.png1898×904 115 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Thanks, it worked but the white space I was talking about is still there, is there a way to remove it, by making the product picture position higher?

Sicilia2025_0-1737199024510.png
Sicilia2025_0-1737199024510.png1489×770 175 KB

4

Hi Sicilia2025

  • You can try to follow this step
    Step 1: Go to Edit code
    Step 2: Find file theme.liquid and add the following code in the bottom of the file above tag
{%- if template == "product" -%}

{%- endif -%}

Best,
Esther

1 Like
5

Thank you so much! Perfect