Pages
Each page type has its own template. Select it from the page selector at the top of the theme editor. The settings reference lists every setting mentioned here.
Header and footer
Section titled “Header and footer”The header and footer appear on every page except the password page.
Header includes the announcement bar, your logo, the main menu, search, the country/region and language selectors, the account icon and the cart. On small screens the menu opens as a drawer with nested levels.
- Desktop logo position: center or left.
- Desktop menu type: Dropdown shows each menu’s links in a list; Mega menu shows second-level links as columns with their third-level links below.
- Sticky header: keep the header visible Always, only On scroll up, or not at all.
- Announcement bar: add an Announcement block for each message. With more than one, customers can step through them with arrows.
Footer is built from blocks: Menu, Text, Email signup and Social media icons, plus app blocks. Below them are the country/region and language selectors, Follow on Shop, payment icons, policy links and a wordmark that spans the full width of the page. Change the wordmark text with Wordmark text, or turn it off with Show wordmark.
Social media icons show for the accounts you add in Theme settings > Social media.
Home page
Section titled “Home page”The home page starts with a hero, new arrivals, an editorial split, collections, an image with text, a featured product, testimonials, a set of promises, the latest blog posts and an email signup. Add, remove and reorder sections freely.
Sections you can add to any page:
| Section | Use it for |
|---|---|
| Hero | A full-width image with a heading, text and buttons over it. A separate mobile image is optional. |
| Slideshow | Several hero-style slides that customers can swipe through. Turn on Auto-rotate slides to rotate them; a pause button appears. |
| Featured collection | Products from one collection as a grid or a carousel. |
| Featured product | One product with its gallery, variant picker and buy buttons, so customers can buy from the home page. |
| Collection list | Collections as image cards, as a grid or a carousel. |
| Editorial split | One or two tall image panels side by side, each with a heading and a button. |
| Image with text | An image beside a heading, text and buttons. |
| Rich text | A heading, text and buttons on their own. |
| Multicolumn | Columns with an optional image, a title, text and a link, for example your promises or services. |
| Testimonials | Customer reviews or press quotes in a carousel. |
| Logo list | Logos of stockists or publications. |
| Video | A video you upload, played with the theme’s controls, or a YouTube or Vimeo video. |
| Blog posts | The latest posts from a blog. |
| Email signup | A newsletter signup, optionally over a background image. |
| Contact form | A contact form with an optional phone number field. |
| Custom Liquid | Your own Liquid, HTML or app snippets. |
The hero, slideshow, rich text and image with text sections share the same blocks: Heading, Text, Button and Custom Liquid. A button can be Primary, Secondary or Link style.
Product page
Section titled “Product page”The Product information section is built from blocks. Drag them into any order, remove the ones you don’t need, or add Text, Collapsible row, Custom Liquid and app blocks.
- Gallery: images, videos and 3D models. Desktop layout stacks media in one column or shows a two-column grid. On mobile, customers swipe through media. With Enable full-screen image view on, selecting an image opens it full screen. When a variant has its own image, selecting the variant shows it.
- Variant picker: buttons or a dropdown. Options with color or image values show as swatches. Unavailable combinations are marked, and the price, image and buttons update as customers choose.
- Buy buttons: add to cart and, with Show dynamic checkout buttons on, the customer’s preferred payment method, such as Shop Pay or Apple Pay. Gift card products show a recipient form.
- Pickup availability: shows which locations have the selected variant in stock for pickup.
- Collapsible row: for details such as materials, sizing or care. Write the content in the block or use Row content from page to show a page’s content.
- Complementary products: products you pair with this one in the Search & Discovery app.
Below the product information, the Product recommendations section shows related products, or the complementary products you pair in Search & Discovery. It’s only available on product pages.
With Enable sticky product information on desktop on, the product details stay in view while customers scroll through the gallery.
Collection page
Section titled “Collection page”The Collection banner shows the collection title, description and image, beside or behind the text. The Product grid shows the products with filters, sorting and pagination.
- Filters open in a drawer. Customers can choose several values, set a price range and remove filters from the pills above the grid. Results update without reloading the page.
- Set up filters in the Search & Discovery app. Turn filtering or sorting off with Enable filtering and Enable sorting.
- Product card options, such as the second image on hover, quick add and badges, are in Theme settings > Product cards.
Collections list page
Section titled “Collections list page”Shows all your collections as image cards. Collections without an image use their first product’s image.
Search
Section titled “Search”The search page shows products, blog posts and pages, with the same filters and sorting as collections. Predictive search in the header suggests products, collections, pages and blog posts as customers type. Turn suggestions off in Theme settings > Search behavior.
Choose Drawer or Page in Theme settings > Cart > Cart type. Both show discounts, subscription details, unit prices, a tax and shipping note and dynamic checkout buttons. Turn on Enable order notes to let customers add a note to their order.
Blog and blog posts
Section titled “Blog and blog posts”The Blog section shows posts as cards, with a tag filter and an optional larger first post (Feature the latest post). Posts without a featured image show as text cards.
A blog post is built from blocks: Title, Featured image, Content, Tags, Share, Custom Liquid and app blocks. Comments show when the blog allows them, with a message after posting and, for moderated blogs, a note that the comment is waiting for approval. Show previous and next post links adds links to the neighboring posts.
Pages and contact
Section titled “Pages and contact”The Page section shows the page title and content. Content width sets a narrow or wide column. Pages using the contact template add a Contact form section below the content.
Page not found
Section titled “Page not found”Shows a message, a search field with suggestions and a link to all products.
Password page
Section titled “Password page”Shows your logo or store name, your password page message and an email signup. Customers with the password select Enter using password below the signup. Edit the message in Online Store > Preferences.
Gift card
Section titled “Gift card”The page customers receive with a gift card. It shows your logo or store name, the amount, balance and expiry, the code with a copy button, a QR code for in-store use, and an Add to Apple Wallet button. Customers can print it. Preview it in the theme editor from the page selector under Others > Gift card.