How to hide header/footer on a product page with Impact theme?

Store Design
1

How to hide header and footer on specific product page with Impact theme?
I tried many methods shown online, none worked. Any help?

2

Hello @Liron2001

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid
    {% if template == ‘product’ %}

header, footer { display: none !important; }

{% endif %}

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

3

Hey @Liron2001 ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

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

OR you can specify the template name using

Replace ‘index’ with actual template name.

{% if template.name == "index" "%}
    
{% endif %}

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1708960448068.jpeg
ThePrimeWeb_0-1708960448068.jpeg1253×933 87.9 KB

4

It doesn’t work unfortunately

5

Hello @Liron2001

Open theme.liquid file and search for {% section ‘header’ %}

Replace it with below code:

{% unless request.page_type == 'product %}
{% section 'header' %}
{% endunless %}

Similarly search for {% section ‘footer’ %}

and replace it below code:

{% unless request.page_type == 'product %}
{% section 'footer' %}
{% endunless %}

If you don’t have header.liquid or footer.liquid file then try to check for {% sections ‘header-group’ %} and {% sections ‘footer-group’ %}

And replace theme with below:

{% unless request.page_type == 'product %}
{% sections 'header-group' %}
{% endunless %}

{% unless request.page_type == 'product %}
{% sections 'footer-group' %}
{% endunless %}

Thanks

6

Hi @Liron2001

This is Theodore from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the 

% if template == 'product' %}

{% endif %}

Hope this can help you solve the issue

Best regards,

Theodore | PageFly