Container pages

Understand container pages

A container page is a special type of page which acts as a kind of template for displaying repeatable content, like products and categories.

Container pages can also be used to display individual Records from a Record Set, enabling the user to build advanced features on their own such as document libraries, blogs, company directories, and more. Each new Liftoff site is created with two default container pages: products and categories. These are not user-editable. Additional container pages can be created any time by any My Liftoff user with the appropriate permissions.

If you like, you can read more about Records and Container Pages.

Work with container pages

The **Container Pages** listing may be accessed by navigating to [Website > Container Pages](https://my.liftoff.shop/container-pages) from within My LiftoffThe **Container Pages** listing may be accessed by navigating to [Website > Container Pages](https://my.liftoff.shop/container-pages) from within My Liftoff

The Container Pages listing may be accessed by navigating to Website > Container Pages from within My Liftoff

Create a new container page

To add a new container page, click the Add Container button. You will be navigated to the Add Container page, and will be presented with the following fields:

Field

Is Required?

Description

Name

Required

This is the name of your container page within Liftoff.

Container Type

Required

This is the type of page that will be displayed in this container.

Layout

Required

Select the layout from the drop-down list. This provides the overall structure for the page.

For more, see the article on layouts.

The Product Landing Page and Category Landing Page container types are intended only for custom development use. If your site has any record sets defined, you will see an additional container type listed in the dropdown for each applicable record set.

Edit an existing container page

To edit an existing container page (other than the default ones, which aren't editable), locate the container page you wish to edit in the listing (as shown above) and click the associated Edit button. You will be presented with a tabbed interface containing three sets of fields:

  • Page - This tab allows you to modify the selections made when creating the container page.
  • Content - This tab allows you to apply content blocks to the content areas available to this container page's chosen layout.
  • Access - This tab allows you set per-page access settings and schedule the timeframe during which this page should be available to site visitors.

Delete an existing container page

To delete an existing container page, locate the one you wish to edit in the listing (as shown above) and click the associated Delete button. The default product and category landing container pages may not be deleted.

Utilize container pages to display content

As mentioned elsewhere, container pages act as a sort of secondary layout. On their own, they don't display any content to users. In order to display content, you must first place one or more content blocks onto the container page. These content blocks should contain the styling, HTML markup, and Handlebars placeholders relevant to the record set you selected when creating the page, as well as any relevant JavaScript.

👍

Where can I learn HTML, CSS, JavaScript, or other web technologies?

Launchpad does not offer training in these subjects. However, they are the building blocks of the web, and there are countless resources available for learning about them and their applications. Our team members may be able to offer recommendations of learning materials that we have found useful as we've developed our own professional skillsets over our combined 100+ years of experience.