Pages and templates
A template decides which sections a kind of page starts with. This page lists the templates the theme ships, and the sections used by pages, blog posts and the 404 page.
How templates work#
- Every kind of page has a default template:
product,collection,page,blog,article,cart,search,404,passwordandlist-collections. - A template with a suffix, such as
page.contact, is an alternate. Assign it to one page, product or collection in your Shopify admin, in the Theme template field of that item. - To create your own, open the template picker at the top of the theme editor and select Create template. Start from the template that is closest to what you want.
The templates filled by your preset are listed under Templates each preset installs.
Templates in the theme#
| Template | Sections it starts with |
|---|---|
404 | Page not found |
article | Blog post |
blog | Blog |
cart | Cart |
collection | Collection |
index | Hero, Notice, Claims, Facts table, Steps, Featured collection, Press and logos, Detail cards, Next steps, Questions, Email signup |
list-collections | Collections |
page.about | Page header, Timeline, Next steps |
page.contact | Page header, Page, Contact form |
page.faq | Page header, Questions, Next steps |
page | Page |
page.legal | Page |
password | Password page |
product.bundle | Product information |
product.catalog | Product information |
product.full | Product information |
product.gift-card | Product information |
product.hero | Product information |
product | Product information |
product.simple | Product information |
product.subscription | Product information |
search | Search results |
gift_card | Gift card (fixed layout) |
Page templates#
Default page#
The page template uses the Page section: the page title and the content you write in your Shopify admin.
| Setting | What it does |
|---|---|
| Layout | Legal column is the quiet layout of policy pages: a small title, one narrow column on the left, short headings, and gray text. Policies from your store settings always use it. |
| Size | Reading page: small is a narrow column, medium the standard, large a wider column with larger text. Legal column: small is a tighter column without the index, medium is the standard policy page, large is a wider column in reading type. |
| Show page heading | |
| Show published date | |
| Alignment | Reading page only. |
| Index menu | Legal column only. Lists related pages as pills on mobile and as a quiet list beside the text on desktop. |
Legal column is the quiet layout of policy pages: a small title, one narrow column, short headings and gray text. Policies published under Settings › Policies always use it. Use Index menu to list related pages, such as your other policies, beside the text.
Contact#
The page.contact template adds the Contact form section. Messages go to the store contact email set in your Shopify admin. See Contact form for its settings, including the layout with a pinned image.
About, FAQ and other content pages#
Content pages are built from the same sections as the home page. Typical combinations:
| Page | Sections to start with |
|---|---|
| About or story | Page header, Timeline or Image with text, Next steps |
| FAQ | Page header, Questions with Category blocks, Next steps |
| Shipping and returns | Page header, Delivery and returns, Questions |
| Size or dose guide | Page header, Table |
| Stores | Page header, Store information |
| Subscription explained | Page header, Steps, Comparison table, Questions |
To build one: create the page in your Shopify admin, create a template for it in the theme editor, add the sections, then assign the template to the page.
Legal pages#
Policies you publish under Settings › Policies have their own addresses, such as /policies/refund-policy, and are shown in the legal column automatically. The footer links to them when Show policy links is on. For other legal texts written as pages, set the Page section's Layout to Legal column.
Blog#
Blog page#
| Setting | What it does |
|---|---|
| Size | Small is a list of post titles without images or excerpts. Medium is the chosen layout. Large shows 2 posts a row with more space between them. |
| Introduction | Shown under the blog title. |
| Show tags as filters | |
| Layout | |
| Layout | |
| Pinned picture side | |
| Columns on desktop | |
| Posts per page | |
| Show featured image | |
| Show images in cards | |
| Show date | |
| Show author | |
| Show excerpt | |
| Show RSS feed link | |
| Show tags on posts | |
Blog post#
| Setting | What it does |
|---|---|
| Size | Small is a narrow reading column. Medium is the standard. Large is a wider column with larger text. |
| Layout | With pinned pictures, each image in the post takes the stage as its place in the text passes. The featured image opens. |
| Pinned picture side | |
| Heading | |
| Show link back to the blog | |
| Show date | |
| Show author | |
| Show reading time | |
| Show excerpt under the heading | |
| Alignment | |
| Featured image | |
| Show featured image | |
| Image width | |
| Image ratio | |
| Show image in a card | |
| After the post | |
| Show tags | |
| Show share links | Plain links and a copy button. No scripts from other sites are loaded. |
| Show previous and next posts | |
| Show more posts from the blog | |
| Heading above more posts | Leave empty to use the blog title. |
| Comments per page | Turn comments on or off for each blog in your Shopify admin. |
With Pictures pinned beside the text, each image in the post takes the stage as its place in the text passes, and the featured image opens the post. Comments are turned on or off for each blog in your Shopify admin.
Page not found#
| Setting | What it does |
|---|---|
| Show the large figure | The error code set as one large number over a short line. |
| Heading | A standard heading shows if you leave this empty. |
| Text | A standard sentence shows if you leave this empty. |
| Button label | Leave empty to use the default label in the store language. |
| Button link | Leave empty to link to the home page. |
| Alignment | |
| Other ways forward | |
| Quick links menu | Up to 5 links shown as text links beside the button. |
| Show search | |
| Products | |
| Collection | A few products shown under the message. Leave empty to show none. |
| Products heading | Leave empty to use the default heading in the store language. |
| Maximum products to show | |
Gift card#
The gift card page is what a customer sees when they open a gift card they received: the balance, the code with a button to copy it, and a QR code. It has a fixed layout and no settings. Gift card products use a product template. The Buy buttons block shows the recipient form when Show recipient form for gift cards is on.
Customer accounts#
The theme uses Shopify's customer accounts. The account link in the header opens Shopify's account pages, which are hosted and styled by Shopify, so the theme has no account templates to set up.