remove header and footer

Shopify Discussion

Topic summary

A user seeks help removing the header and footer from a specific Shopify page (collection-list page).

Two solutions provided:

  1. Dan-From-Ryviu’s approach: Add conditional code to the theme.liquid file that checks if the page ID equals 267020301611, then insert custom code within that condition.

  2. Guleria’s approach:

    • Locate the </body> tag in theme.liquid
    • Insert code just before it that checks if the page handle is ‘collection-list’
    • Add custom CSS/code within the conditional block to hide header/footer elements

Status: Both solutions use Liquid templating to target the specific page, but neither responder provided the complete CSS code needed to actually hide the header and footer. The thread appears to need follow-up implementation details.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
2

Hi @SixTwoSix

Please add this code to theme.liquid file in Online Store > Themes > Edit code

{% if page.id == 116103020762 %}

{% endif %}