Remove Header and Footer from a certain page - Stilletto theme

Store Design
, ,
1

Hi,

I would like to remove the header, footer, Menu and announcement bar from this page only. https://kiki-health.com/pages/product-catalogue

Any help would be appreciated!

Thank you

Gina

1 Like
2

Hey @gina16

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 page.handle == "product-catalogue" %}

{% endif %}

RESULT

Moeed_0-1747146700449.png
Moeed_0-1747146700449.png1903×911 121 KB

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

@gina16 - add this code to the end of your theme.liquid file before and check,

{% if page.handle == "product-catalogue" %}

{% endif %}
4

Hi @gina16 ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code after

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

5

Hello @gina16

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Layout > theme.liquid and paste this at the bottom of the file:
{% if page.handle == 'product-catalogue' %}

{% endif %}
6

Hi @gina16
Please put this code in theme.liquid before body closing tag 

{%- if page.handle == 'product-catalogue' -%}

{%- endif -%}

Thanks!