Customise a standalone landing page

Ask Me Anything Q&A Themesofficehoursrepo
1

Sometimes, we need a standalone landing page that might not match the theme styling on purpose, even we want to hide the navigation or message bar at the top, also the footer.

2

Hey @CharlieAji

This type of customization, removing the header, footer, or message bar for a standalone landing page, is not possible using Shopify’s theme editor alone. It requires custom coding within the theme files to create a separate template that excludes those global sections.

Here’s how to do that effectively in Shopify:

Step 1: Duplicate your page template

In your theme code, go to:
Online Store → Themes → Edit Code

Under Templates, click “Add a new template” → choose page → name it something like landing.

This will create page.landing.json (or .liquid depending on your theme version).

Step 2: Customize layout to hide global sections
In page.landing.json, remove “header” and “footer” blocks:

{
  "sections": {
    "main": {
      "type": "landing-page-content"
    }
  },
  "order": [
    "main"
  ]
}

Then create a section file named landing-page-content.liquid with whatever layout and styling you want, think custom text blocks, embedded videos, images, or form integrations.

If using Shopify 2.0 themes, you can also create a custom page in the theme editor using the “Create template” option (no code needed), then just take out the header/footer from there.

Best,

Moeed