Skip to product information
1 of 1
Published:2023.06.15

How to create a page without a header or footer in the Shopify theme "Dawn"

How to create a page without a header or footer in the Shopify theme "Dawn"

Applications

  • Edit page

How to implement

  • Javascript
  • HTML/CSS
View full details

When creating a landing page with Shopify, there are times when you want to create a page without the default header or footer. In general, we recommend using a builder app such as PageFly, but if you want to implement it without using an app, you can hide it in this way, even though it is a bit of a stretch.

How to create a page without a header or footer in the Dawn theme


[Step 1] Add the scheme to "main-page.liquid" and the label to "ja.schema.json", [Step 2] Add the following code to "main-page.liquid"


[Step 3] Create a new page template based on the "Default Page" template; [Step 4] Turn on the "Hide Header/Footer" setting in the page section of the newly created template; [Step 5] Create a page for which you want to hide the header and footer, and set the newly created page as the theme template.


After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

[Step 1] Add scheme to "main-page.liquid"


Add a label to "ja.schema.json"


[Step 2] Add the following code to "main-page.liquid"

Related Post