How to create new page template in horizon theme

how to create new page in horizon theme

HI @user3922

Welcome to the community.

You can create a new page like in any ohter theme, check official documentation

https://help.shopify.com/en/manual/online-store/add-edit-pages

I have created a page.education.json template for the Education page, but it is not appearing in the Theme template dropdown in the Page settings.

After selecting the default template, I’m facing issues because I need to create additional new pages, each with its own path like pages/page-name. Please let me know how this should be handled.

How did you create it? Manual or from drop-down?

Because it should be like this


From your store admin > Sales channels > Online Store > Themes > click Customize button in your Horizon theme > click Homepage dropdown menu > Pages > Create template.

the page URL is not coming as expected. I need the page path to be in the format pages/page-name, but it is generating a different URL.

That’s only a preview. Use your browser to see the actual page path.

You’re previewing it from theme editor that’s why the URL says this, if you view that same page on your actual website frontend then it’ll be as you’re expecting.

Best,
Moeed

That URL of admin, please click “…” > View to see URL on frontend

path is like this

i want to add here a template in dropdown

This is because the theme in which you created the template is currently in Draft, when you publish that theme then the template will appear in that dropdown too

Please go to your store admin > Sales channels> Online Store > Pages > Add page

Use this if you need a new page template (landing pages, funnels, etc.).

Step 1. Create a new page template

  1. Go to Online Store → Themes → Horizon → Edit code
  2. Open Templates
  3. Click Add new template
  4. Select page
  5. Name it (for example: landing)

Shopify will create:

templates/page.landing.json

Step 2. Configure the template sections

Open page.landing.json. You can add or remove sections, for example:

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

You can replace main-page or add other sections like banners, text, or custom sections.

Step3. Assign the template to your page

  1. Go back to Online Store → Pages
  2. Open your page
  3. In the Theme template dropdown, select page.landing
  4. Save

The page will now use your custom template.