Page Types

There are always different page types within a template; a homepage layout is different to a contact page layout. These page types will require different HTML. Page types are used to provide different layouts within one template.

Not only will page types use an alternative markup but when a page is created with a certain type, the zone (where users drag their content into) will be populated with page type related content. For example, a contact page type will populate the zone with a map and a contact form.

Default Page Types

Page types are defined as Twig files within the template. The currently supported page types are:

  • home.twig (optional): Used to create a homepage layout

  • about.twig (optional): Used to create an about page layout and will populate the zone with about page content

  • contact.twig (optional): Used to create an contact page layout and will populate the zone with contact page content

  • default.twig (required): This is the default layout. This is used when ‘blank’ is selected (see lightbox image above). Also, when a template does not include a certain layout (for example contact.twig) it will always fallback to this layout

Page Type Layouts Within a Template

Below is an extension of the file structure defined in the assets section. This extension includes more Twig files - marked with a *.

images/
- logo.png
README.md
about.twig *
contact.twig *
default.twig *
example.jpg
home.twig *
metadata.json
stylesheet.less
404.twig *

404 Page

You can have a custom 404 design included in your template. Follow these steps:

  • Add a 404.twig in the top level directory of your template

  • Add 404 to the pageTypes array with in metadata.json

  • Upload the template to the Editor

  • Create page within the editor called 404. Make sure you select the 404 Page Type