Page

The default template for any page you create in Shopify admin > Content > Pages: Stockists, Shipping information, Terms of trade. It uses the Main page section, which renders the page’s title and body.

The back link, the title and the body share one centered reading column, about 75 characters to a line on a wide screen, with the body set at a comfortable long-form size. Headings you write in the body step down in size, so a Heading 2 in the text stays smaller than the page title.

Section settings

  • Show back link and breadcrumb. A back link and a Home / <page title> breadcrumb above the title. Default: on. The back link returns the shopper to the previous page in your store, and to the home page otherwise.
  • Color scheme. Default: scheme-1.

Spacing

  • Top padding / Bottom padding. Range: 0 to 300 px in 5 px steps. Default: 110 px each. This is the padding on screens 1920 px and wider; it scales down on smaller screens.

Blocks

  • App block. Any block offered by an installed app.
  • Custom Liquid. See Custom Liquid.

Building richer pages

The page body is a rich text field, which is enough for text and images but not for layout. For a landing page, such as a campaign or a brand story, add sections below the Main page section in the theme editor:

Sections you add this way apply to every page using this template. To give one page its own arrangement, use an alternate template.

Alternate templates

Pave ships nine alternate page templates, each a ready-made arrangement of sections for a common kind of page:

To use one, open the page in Shopify admin > Content > Pages and pick it under Theme template. To make your own, open the theme editor’s template picker, choose Create template and base it on an existing page template.

Tips

  • Use the page body for words and sections for layout. Trying to lay out a page inside the rich text editor is where most of the frustration with Shopify pages comes from.
  • Turn the back link off on landing pages. A breadcrumb above a full-bleed opening image undercuts it.
  • Name templates for their shape, not their content. page.wide or page.campaign, so the next page of that shape can reuse them.

Pave theme © Corebia. Documentation last updated {{ site.time | date: "%B %Y" }}.