How to Hide Header & footer on specific Page in Debut theme

Store Design
1

people are distracting because of header and footer. hence how to hide only single specific page?

2

Hi, @arkray

Please share the store URL so that I can assist you.

3

https://arkrayindia.co.in/products/free-glucocard-g-device-with-25-alu-strip-pack

4

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the tag

for example: collection page

{%- if template == 'collection' -%}
    
{%- endif -%}

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

5

Hello @arkray

Welcome to Shopify Community.

Open theme.liquid and search for {% sections ‘header-group’ %} and {% sections ‘footer-group’ %}

And replace both of them with below code.

{% unless product.handle == ‘free-glucocard-g-device-with-25-alu-strip-pack’ %}

{% sections ‘header-group’ %}

{% endunless %}

{% unless product.handle == ‘free-glucocard-g-device-with-25-alu-strip-pack’ %}

{% sections ‘footer-group’ %}

{% endunless %}

Thanks

6

Thanks i modified your code and got it solved

{%- if product.id == 7962830143662 -%}

#shopify-section-header, #shopify-section-footer{ display: none; }

{%- endif -%}

1 Like