Page types
Page types are content elements which control the overall function and layout of a page.
Location of files
Each page type is associated with an item type and a template which renders the page content in frontend - they are located in the System/Items and Templates/Designs/Swift-v2 folders:
/Files/
├── Images/
├── System/
│ ├── Items/ <----------- This folder
├── Templates/
│ ├── Designs/
│ │ ├── Swift-v2/ <----------- This folder
For page types, these item types and templates are relatively simple; most of the content is defined using other elements such a paragraph types or product components
Content page types
The following page types are used to create content under the Navigation tree section:
| Page type | Used for | Item type | Template |
|---|---|---|---|
| Page | Creating new content pages | Swift-v2_Page | Swift-v2_Page.cshtml |
| Shop | Creating a page which displays product lists and product details. Contains the product catalog app. | Swift-v2_Shop | Swift-v2_Page.cshtml |
| Product list | Controlling the components and layout of the product list | Swift-v2_ProductList | Swift-v2_Page.cshtml |
| Product details | Controlling the components and layout of the product details page | Swift-v2_ProductDetails | Swift-v2_Page.cshtml |
| Express buy | Creating an express buy page – a page for quickly finding and adding many products to cart | Swift-v2_ExpressBuy | Swift-v2_Page.cshtml |
| Cart | Renders the shopping cart | Swift-v2_Cart | Swift-v2_Page.cshtml |
| Checkout | Controls a checkout flow. Can be created under a Cart-page. | Swift-v2_Checkout | Swift-v2_Page.cshtml |
Swift setup page types
The following page types are used under the Swift setup tree section to create pages which won't be included in the navigation:
| Page type | Used for | Item type | Template |
|---|---|---|---|
| Header | Controlling the layout of a header element used by a Page | Swift-v2_Header | Swift-v2_Header.cshtml |
| Footer | Controlling the layout of a footer element used by a Page | Swift-v2_Footer | Swift-v2_Footer.cshtml |
| Product component | Creating a product component page | Swift-v2_ProductComponent | Swift-v2_ProductComponent.cshtml |
| Product list component | Creating a product list component page | Swift-v2_ProductListComponent | Swift-v2_ProductComponent.cshtml |
| Service page | Creating a service page – a page which exposes data for other page types and paragraph types | Swift-v2_Page | Various – depending on the type of service page |
| Cart summary | Creating a cart summary page – a specific type of service page which exposes data for e.g. cart and minicart | Swift-v2_CartSummary | Swift-v2_CartSummary.cshtml |
Email page types
The following pages are used to create email content pages:
| Page type | Used for | Item type | Template |
|---|---|---|---|
| Emails folder | Creating a container for new types of emails | Swift-v2_EmailsFolder | Swift-v2_Page.cshtml |
| Email header | Controls the layout of an email header | Swift-v2_EmailHeader | Swift-v2_Email.cshtml |
| Email footer | Controls the layout of an email footer | Swift-v2_EmailFooter | Swift-v2_Email.cshtml |
| Email settings | Creates a page under which emails can be created – defines elements shared by all emails under it, e.g. themes and the header and footer used | Swift-v2_Emails | Swift-v2_Page.cshtml |
| Create an email – can be created under an email settings page & inherits values from it, e.g. the header & footer elements | Swift-v2_Email | Swift-v2_Email.cshtml |