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
You can have a custom 404 design included in your template. Follow these steps:
404.twigin the top level directory of your template
pageTypesarray 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