Can I remove the Header and Menu from an individual product page?

Store Design
1

Can I remove the Header and Menu from an Individual product Page without affecting the rest of the site/product pages?

Can this be done without code?

2

Hey @nvisibl1

No, this cannot be done without code so can you share the URL of that product from where you want to hide the header from?

Best Regards,
Moeed

3

Here’s an example >> https://toltano.com/products/cosybabe-3-piece-knit-set

I would want to remove the header and menu from this product page

But not other product pages (when I create them), and not the home, about, contact etc.. pages either

Though I may have 3 product pages maintaining the header and menu, and 2 pages without header and menu - for example

Is there an easy way to accomplish this?

4

Hi @nvisibl1 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

{% if handle contains "cosybabe-3-piece-knit-set" %}

{% endif %}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

1 Like
5

Can I replicate that same code for different product pages by duplicating the code within the theme.liquid file and having multiple instances of that code for each product page I wished to remove the head/menu on?

6

just add the or condition in the above code it working for all like
{% if handle contains “cosybabe-3-piece-knit-set” or handle contains “another-url” %}

header {display: none !important;}

{% endif %}
same for multiple product

1 Like
7

okay perfect, thanks for your help

8

my pleasure :blush: