Docs for Nook 1.0.0
Sections and blocks
Sections are the building blocks of each page. In the theme editor, choose Add section to add one from the first list. The second list is the sections that are part of a page template or of the header and footer: you can change their settings, but you can't add them a second time.
Sections you can add
Image with numbered list
An image beside numbered features, for explaining how a piece is built.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | ||
| Image | Image | ||
| Image position | Choice: End · Start | End | |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 160px | |
| Bottom padding | Slider: 0–160px | 160px |
Blocks
- Item
Image with numbered list › Item
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | Name a part | |
| Text | Text |
Up to 6 blocks in all.
Announcement bar
Short service messages across the top of every page, one at a time or all at once.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Rotate announcements | Checkbox | On | One announcement shows at a time and changes on its own. Shoppers can pause it. Turn off to show every announcement together. |
| Change every | Slider: 3–10s | 5s | |
| Color scheme | Color scheme | Midnight |
Blocks
- Announcement
Announcement bar › Announcement
| Setting | Type | Default | Notes |
|---|---|---|---|
| Text | Text | Share a promise, an offer or some news | |
| Link | Link |
Up to 3 blocks in all.
Blog posts
The latest posts from a blog.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | Blog posts | |
| Blog | Blog | ||
| Posts to show | Slider: 2–4 | 2 | |
| Show post count | Checkbox | On | |
| Show excerpt | Checkbox | Off | |
| Link label | Text | View all | |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 40px | |
| Bottom padding | Slider: 0–160px | 160px |
Collapsible content
Questions and answers that open and close, beside an optional heading and text.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Label | Text | Questions | |
| Heading | Text | ||
| Text | Rich text | ||
| Layout | Choice: Text beside rows · Text above rows | Text beside rows | |
| Open the first row | Checkbox | Off | |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 96px | |
| Bottom padding | Slider: 0–160px | 96px |
Blocks
- Row
Collapsible content › Row
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | Add a question | |
| Content | Rich text | ||
| Open by default | Checkbox | Off |
Up to 16 blocks in all.
Collection list
A row of collection cards that scrolls sideways.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | ||
| Show tile count | Checkbox | On | |
| Show product counts | Checkbox | On | |
| Link label | Text | View all | |
| Link | Link | ||
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 144px | |
| Bottom padding | Slider: 0–160px | 120px |
Blocks
- Collection
Collection list › Collection
| Setting | Type | Default | Notes |
|---|---|---|---|
| Collection | Collection | ||
| Image | Image | Defaults to the collection image. | |
| Heading | Text | Defaults to the collection title. | |
| Text | Text |
Up to 8 blocks in all.
Collection slideshow
Full-screen slides, each linking to a collection, with a "next" preview.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Height | Choice: Full screen · Large · Medium | Large | |
| Overlay opacity | Slider: 40–100% | 100% | |
| Show next slide thumbnail | Checkbox | On | |
| Color scheme | Color scheme | Midnight | Colors the section while images load. Text over the image is always light. |
| Padding | |||
| Top padding | Slider: 0–160px | 0px | |
| Bottom padding | Slider: 0–160px | 0px |
Blocks
- Slide
Collection slideshow › Slide
| Setting | Type | Default | Notes |
|---|---|---|---|
| Image | Image | ||
| Mobile image | Image | ||
| Short heading | Text | Shown in the previous slide's next control, for example "The dining room". | |
| Label | Text | Collection name | |
| Heading | Text | Feature a collection. | |
| Text | Rich text | ||
| Button label | Text | Shop the collection | |
| Button link | Link |
Up to 4 blocks in all.
Contact form
A contact form beside your contact details.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Label | Text | ||
| Heading | Text | On a page template, leave blank to use the page title. | |
| Text | Rich text | On a page template, leave blank to use the page content. | |
| Image | Image | ||
| Show order number field | Checkbox | On | |
| Color scheme | Color scheme | Parchment | |
| Form color scheme | Color scheme | Linen | |
| Padding | |||
| Top padding | Slider: 0–160px | 80px | |
| Bottom padding | Slider: 0–160px | 120px |
Blocks
- Contact detail
Contact form › Contact detail
| Setting | Type | Default | Notes |
|---|---|---|---|
| Label | Text | ||
| Text | Text |
Up to 6 blocks in all.
Link cards
Cards that each point to another page.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | ||
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 120px | |
| Bottom padding | Slider: 0–160px | 136px |
Blocks
- Card
Link cards › Card
| Setting | Type | Default | Notes |
|---|---|---|---|
| Image | Image | ||
| Label | Text | Visit | |
| Heading | Text | Add a heading | |
| Text | Text | Point customers to a page, such as your showroom or samples. | |
| Link label | Text | Learn more | |
| Link | Link |
Up to 3 blocks in all.
Custom Liquid
Your own Liquid, HTML or app code.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Custom Liquid | Liquid | Add app snippets or other Liquid code to create advanced customizations. | |
| Full width | Checkbox | Off | |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 48px | |
| Bottom padding | Slider: 0–160px | 48px |
Feature story
A large image with a smaller inset image and a short story.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Image | Image | ||
| Inset image | Image | ||
| Show inset image | Checkbox | On | |
| Inset caption | Text | Shown under the inset image when the image is on the left, on larger screens. | |
| Style | Choice: Editorial · Chapter | Editorial | Chapter uses a smaller heading and keeps the inset on mobile, for longer pages such as About. |
| Image position | Choice: Left · Right | Left | On the left, the inset overlaps the image's lower corner. On the right, it sits over the top corner and is hidden on mobile. |
| Text position | Choice: Top · Middle | Top | |
| Text | |||
| Number | Text | 02 | |
| Label | Text | Your story | |
| Heading | Text | ||
| Text | Rich text | ||
| Link label | Text | Learn more | |
| Link | Link | ||
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 0px | |
| Bottom padding | Slider: 0–160px | 120px |
Featured collection
Products from one collection, with tabs to switch between collections.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | ||
| Collection | Collection | ||
| Products to show | Slider: 2–12 | 4 | |
| Columns on desktop | Slider: 2–4 | 4 | |
| Columns on mobile | Choice: 1 · 2 | 2 | |
| Scroll sideways on mobile | Checkbox | Off | |
| Show fabric line | Checkbox | On | |
| Show swatches | Checkbox | On | |
| Show link to the collection | Checkbox | On | |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 80px | |
| Bottom padding | Slider: 0–160px | 80px |
Featured product
One product with its buy buttons, anywhere on a page.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Product | Product | Without a product, the section shows a placeholder. | |
| Media position on desktop | Choice: Left · Right | Left | |
| Gallery layout | Choice: Carousel · Stacked | Carousel | |
| Enable image zoom | Checkbox | On | |
| Loop videos | Checkbox | Off | |
| Swatch style | Choice: Image tiles · Color circles · Pills | Image tiles | For options with swatches. Other options show as pills. |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 96px | |
| Bottom padding | Slider: 0–160px | 96px |
Blocks
- Apps: blocks from apps you have installed.
- Label (up to 1)
- Title (up to 1)
- Price (up to 1)
- Installments banner (up to 1)
- Description (up to 1)
- Variant picker (up to 1)
- Quantity selector (up to 1)
- Buy buttons (up to 1)
- Pickup availability (up to 1)
- Text
- View details link (up to 1)
- Custom Liquid
Featured product › Label
| Setting | Type | Default | Notes |
|---|---|---|---|
| Text | Text | Featured product |
Featured product › Price
| Setting | Type | Default | Notes |
|---|---|---|---|
| Show tax and shipping note | Checkbox | Off |
Featured product › Description
| Setting | Type | Default | Notes |
|---|---|---|---|
| Number of words shown | Slider: 10–80 | 30 |
Featured product › Variant picker
| Setting | Type | Default | Notes |
|---|---|---|---|
| Samples link | Link | Shown beside the first option, for example a fabric samples collection. | |
| Samples link label | Text |
Featured product › Buy buttons
| Setting | Type | Default | Notes |
|---|---|---|---|
| Show accelerated checkout buttons | Checkbox | On | Uses the payment methods available in your store. Shopify renders the buttons. |
| Show price in add to cart button | Checkbox | On |
Featured product › Text
| Setting | Type | Default | Notes |
|---|---|---|---|
| Text | Text |
Featured product › Custom Liquid
| Setting | Type | Default | Notes |
|---|---|---|---|
| Custom Liquid | Liquid |
Figures
Large numbers with short labels, for facts such as lead times or warranties.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | In numbers | Read by screen readers only. |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 0px | |
| Bottom padding | Slider: 0–160px | 120px |
Blocks
- Figure
Figures › Figure
| Setting | Type | Default | Notes |
|---|---|---|---|
| Figure | Text | 25 | |
| Caption | Text | Add a caption for each figure |
Up to 4 blocks in all.
Hero video
A full-screen looping video (or image) with a headline and button.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Video | Video | Upload in Shopify Files. Plays muted and looped when visitors allow motion; otherwise the poster shows. | |
| Mobile video | Video | ||
| Poster image | Image | Shown while the video loads, and instead of it for visitors who prefer reduced motion. Defaults to the video's preview. | |
| Mobile poster image | Image | ||
| Height | Choice: Full screen · Medium · Small | Full screen | |
| Overlay strength | Slider: 40–100% | 100% | Darkens the top and bottom so text stays readable. |
| Content | |||
| Number | Text | N°04 | |
| Label | Text | Collection name | |
| Heading | Text | Introduce your store. | |
| Text | Rich text | ||
| Button label | Text | Shop now | |
| Button link | Link | ||
| Show scroll hint | Checkbox | On | |
| Color scheme | Color scheme | Midnight | Colors the section while the film loads. Text over the film is always light. |
| Padding | |||
| Top padding | Slider: 0–160px | 0px | |
| Bottom padding | Slider: 0–160px | 0px |
Image banner
A full-width image, with an optional caption or quote.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Image | Image | ||
| Mobile image | Image | ||
| Height | Choice: Large · Medium · Adapt to image | Large | |
| Caption | Text | Shown in a small tag in the corner. Hidden when a quote is set. | |
| Quote | |||
| Quote | Text | ||
| Attribution | Text | ||
| Color scheme | Color scheme | Parchment | Colors the space around the image. A quote is always shown in light text on a dark shade. |
| Padding | |||
| Top padding | Slider: 0–160px | 0px | |
| Bottom padding | Slider: 0–160px | 0px |
Image with text
An image beside a heading, text and button.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Image | Image | ||
| Label | Text | About | |
| Heading | Text | ||
| Text | Rich text | ||
| Button label | Text | Learn more | |
| Button link | Link | ||
| Button style | Choice: Solid · Outline | Solid | |
| Layout | |||
| Image position | Choice: Left · Right | Left | |
| Image ratio | Choice: Adapt to image · Portrait · Square · Landscape | Portrait | |
| Image width | Choice: One third · Half · Two thirds | Half | |
| Text vertical alignment | Choice: Top · Middle · Bottom | Middle | |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 96px | |
| Bottom padding | Slider: 0–160px | 96px |
Image with testimonial
A product photographed in a room, with a short caption.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Image | Image | ||
| Quote | Text | ||
| Attribution | Text | Customer name | |
| Height | Choice: Medium · Large | Large | |
| Color scheme | Color scheme | Midnight | |
| Padding | |||
| Top padding | Slider: 0–160px | 0px | |
| Bottom padding | Slider: 0–160px | 0px |
Locations
Showroom or store cards with address, opening hours, phone number and a directions link.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Number | Text | 01 | |
| Label | Text | Visit | |
| Heading | Text | ||
| Text | Rich text | ||
| Show image placeholders | Checkbox | On | Shows a placeholder on locations without an image. Turn off to show text-only cards. |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 120px | |
| Bottom padding | Slider: 0–160px | 120px |
Blocks
- Location
Locations › Location
| Setting | Type | Default | Notes |
|---|---|---|---|
| Image | Image | ||
| Name | Text | Location name | |
| Address | Rich text | ||
| Opening hours | Rich text | ||
| Phone number | Text | ||
| Directions link | Link | For example a link to the location in a maps app. | |
| Link label | Text | Leave empty to show "Get directions". |
Up to 6 blocks in all.
Scrolling text
A slow band of moving words.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Loop duration | Slider: 20–80s | 45s | Seconds for one full loop. Turn the scrolling text off for every page in Theme settings › Animations. |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 0px | |
| Bottom padding | Slider: 0–160px | 0px |
Blocks
- Text
Scrolling text › Text
| Setting | Type | Default | Notes |
|---|---|---|---|
| Text | Text | Add a short phrase |
Up to 8 blocks in all.
Materials grid
Swatches with names and short notes, for fabrics or finishes.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Number | Text | 04 | |
| Label | Text | Materials | |
| Heading | Text | ||
| Link label | Text | Learn more | |
| Link | Link | ||
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 120px | |
| Bottom padding | Slider: 0–160px | 120px |
Blocks
- Material
Materials grid › Material
| Setting | Type | Default | Notes |
|---|---|---|---|
| Image | Image | ||
| Name | Text | Material name | |
| Text | Text | Add a short description | |
| Link | Link |
Up to 8 blocks in all.
Newsletter
A newsletter signup with a heading and text.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Label | Text | Newsletter | |
| Heading | Text | ||
| Text | Rich text | ||
| Alignment | Choice: Left · Center | Center | |
| Color scheme | Color scheme | Linen | |
| Padding | |||
| Top padding | Slider: 0–160px | 96px | |
| Bottom padding | Slider: 0–160px | 96px |
Page intro
A label, heading and short introduction at the top of a page.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Number | Text | About | |
| Label | Text | Our story | |
| Heading | Text | Leave empty to use the page title. This is the page's main heading, so use one page intro per page, in place of the page section. | |
| Text | Rich text | ||
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 80px | |
| Bottom padding | Slider: 0–160px | 64px |
Testimonials
Quotes from the press, one at a time.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Number | Text | 06 | |
| Label | Text | In the press | |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 160px | |
| Bottom padding | Slider: 0–160px | 144px |
Blocks
- Quote
Testimonials › Quote
| Setting | Type | Default | Notes |
|---|---|---|---|
| Quote | Text | ||
| Source | Text | Publication name |
Up to 5 blocks in all.
Numbered list
Numbered principles or steps in a list.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Number | Text | 05 | |
| Label | Text | How we work | |
| Heading | Text | ||
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 136px | |
| Bottom padding | Slider: 0–160px | 120px |
Blocks
- Principle
Numbered list › Principle
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | Add a principle. | |
| Text | Text | Explain it in a sentence. |
Up to 6 blocks in all.
Product recommendations
Products Shopify recommends based on the product being viewed.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | ||
| Recommendations | Choice: Complementary · Related | Related | Complementary products are chosen in the Search and Discovery app. |
| Number of products | Slider: 2–8 | 4 | |
| Columns on desktop | Slider: 2–5 | 4 | |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 120px | |
| Bottom padding | Slider: 0–160px | 120px |
Text columns
Short service promises in a row, such as delivery and returns.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | Our promises | Read by screen readers only. |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 0px | |
| Bottom padding | Slider: 0–160px | 144px |
Blocks
- Promise
Text columns › Promise
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | Add a promise | |
| Text | Text | Describe it in a sentence, such as how orders are made or delivered. |
Up to 4 blocks in all.
Recently viewed
Products the shopper looked at recently.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | ||
| Number of products | Slider: 2–4 | 4 | |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 0px | |
| Bottom padding | Slider: 0–160px | 120px |
Rich text
A heading, text and button, centered or left-aligned.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Label | Text | About | |
| Heading | Text | ||
| Heading size | Choice: Small · Medium · Large | Medium | |
| Text | Rich text | ||
| Button label | Text | Learn more | |
| Button link | Link | ||
| Button style | Choice: Solid · Outline | Outline | |
| Alignment | Choice: Left · Center | Center | |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 96px | |
| Bottom padding | Slider: 0–160px | 96px |
Samples banner
A band promoting fabric samples, with swatch images.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | ||
| Text | Rich text | ||
| Button label | Text | Order samples | |
| Button link | Link | ||
| Color scheme | Color scheme | Linen | |
| Padding | |||
| Top padding | Slider: 0–160px | 96px | |
| Bottom padding | Slider: 0–160px | 96px |
Blocks
- Image
Samples banner › Image
| Setting | Type | Default | Notes |
|---|---|---|---|
| Image | Image |
Up to 4 blocks in all.
Shop the look
A room photo with hotspots that link to the products in it.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Number | Text | 04 | |
| Label | Text | The collection | |
| Heading | Text | ||
| Collection chips menu | Menu | Links shown as chips beside the heading. The chip for this section's collection is highlighted. | |
| Look | |||
| Image | Image | A tall room photo works best. Place products on it with hotspot blocks. | |
| Mobile image | Image | ||
| Caption | Text | ||
| Products | |||
| Collection | Collection | ||
| Products | Products | Up to 4. Leave empty to show the first products of the collection. | |
| Show link to the collection | Checkbox | On | |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 160px | |
| Bottom padding | Slider: 0–160px | 136px |
Blocks
- Hotspot
Shop the look › Hotspot
| Setting | Type | Default | Notes |
|---|---|---|---|
| Product | Product | ||
| Horizontal position | Slider: 0–100% | 50% | |
| Vertical position | Slider: 0–100% | 50% | |
| Horizontal position on mobile | Slider: 0–100% | 50% | |
| Vertical position on mobile | Slider: 0–100% | 50% |
Up to 6 blocks in all.
Large text
One large sentence.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Number | Text | 01 | |
| Label | Text | The idea | |
| Statement | Text | ||
| Caption | Text | Add a short caption | |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 120px | |
| Bottom padding | Slider: 0–160px | 160px |
Tabs
Tabs that each show a different image and story.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | Read by screen readers only. Names the group of tabs. | |
| Color scheme | Color scheme | Linen | |
| Padding | |||
| Top padding | Slider: 0–160px | 136px | |
| Bottom padding | Slider: 0–160px | 136px |
Blocks
- Tab
Tabs › Tab
| Setting | Type | Default | Notes |
|---|---|---|---|
| Tab label | Text | Our story | |
| Lead text | Text | ||
| Text | Rich text | ||
| Link label | Text | Learn more | |
| Link | Link | ||
| Image | Image | ||
| Video | Video | Plays with controls in place of the image. The image is used as its poster. |
Up to 3 blocks in all.
Video
A video, either from your Shopify files or a YouTube or Vimeo link.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | ||
| Text | Rich text | ||
| Video | Video | Upload to Shopify. External videos aren't supported. | |
| Poster image | Image | Shown before the video plays. Defaults to the video's preview image. | |
| Video description | Text | Describes the video for screen readers. Defaults to the video's alt text. | |
| Autoplay | Checkbox | Off | Plays muted and looped, with a pause button. Shoppers who prefer reduced motion see the poster image. |
| Layout | |||
| Video ratio | Choice: Adapt to video · Widescreen · Landscape · Square | Adapt to video | |
| Full width | Checkbox | Off | |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 96px | |
| Bottom padding | Slider: 0–160px | 96px |
Template, header and footer sections
Cart drawer
The cart that slides in from the side when a shopper adds a product.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Delivery message | Text | Add a delivery note, such as when orders ship | Shown in a band at the top of the drawer. Leave blank to hide it. |
| Show product recommendations | Checkbox | On | |
| Recommendations heading | Text | You might add | |
| Show accelerated checkout buttons | Checkbox | On | |
| Empty cart | |||
| Text | Text | ||
| Collections | Collections | ||
| Color scheme | Color scheme | Parchment | |
| Band and footer color scheme | Color scheme | Linen | Used for the delivery message band and the totals footer. |
Collection intro
The top of a collection page: breadcrumb, title, tagline, figures, description and image.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Tagline | Text | Shown as the second line of the heading. Connect a collection metafield so each collection gets its own. Leave empty to use the custom.tagline metafield. | |
| Image | Image | Defaults to the collection image. | |
| Show image caption | Checkbox | On | Uses the image alt text. |
| Show product count | Checkbox | On | |
| Breadcrumb menu | Menu | main-menu | Used to find the parent of this collection. |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 40px | |
| Bottom padding | Slider: 0–160px | 40px |
Footer
Menus, a newsletter signup, your logo, payment icons and the country and language selectors.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Show store name as wordmark | Checkbox | On | Shows your store name in large type above the bottom bar. |
| Wordmark size | Choice: Large · Small | Small | |
| Bottom bar | |||
| Show country/region selector | Checkbox | On | Add countries in Settings, then Markets. |
| Show language selector | Checkbox | On | Add languages in Settings, then Languages. |
| Show payment icons | Checkbox | On | |
| Show Follow on Shop | Checkbox | On | Shoppers can follow your store in the Shop app. Shop Pay must be turned on. |
| Show social media links | Checkbox | On | Add links in Theme settings, then Social media. |
| Style | |||
| Color scheme | Color scheme | Linen | |
| Top padding | Slider: 0–160px | 96px | |
| Bottom padding | Slider: 0–160px | 32px |
Blocks
- Footer menu (up to 4)
- Text (up to 1)
- Email signup (up to 1)
Footer › Footer menu
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | Shop | |
| Footer menu | Menu | footer | Shows top-level menu items only. |
Footer › Text
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | About us | |
| Text | Rich text |
Footer › Email signup
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | Subscribe to our emails | |
| Text | Rich text |
Up to 6 blocks in all.
Header
Your logo, menu, search, account and cart, with mega menus for dropdowns.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Desktop layout | Choice: Logo centered, menu left · Logo left, menu centered · Logo left, menu beside it · Logo centered, menu below | Logo centered, menu left | Mobile always shows the menu button, the logo centered and the cart. |
| Navigation | |||
| Main menu | Menu | main-menu | Menu items with child links open a dropdown. Menus can have up to three levels. |
| Customer account menu | Menu | customer-account-main-menu | |
| Search, account and cart | Choice: Icons · Text | Icons | On desktop. Mobile always shows icons. |
| Show search | Checkbox | On | |
| Show country/region selector | Checkbox | On | Add countries in Settings, then Markets. |
| Show language selector | Checkbox | On | Add languages in Settings, then Languages. |
| Mega menu | |||
| Number the links | Checkbox | On | |
| Show a collection image | Checkbox | On | Changes to each collection's image on hover or focus. Takes the place of one tile. |
| Behavior | |||
| Sticky header | Choice: None · On scroll up · Always | On scroll up | |
| Show over the first section on the home page | Checkbox | On | Applies when the first section is a hero video or collection slideshow. |
| Color scheme over the first section | Color scheme | Midnight | Choose a scheme whose text reads clearly on your image. |
| Color scheme | Color scheme | Parchment |
Blocks
- Menu promo
- Menu featured product
Header › Menu promo
| Setting | Type | Default | Notes |
|---|---|---|---|
| Image | Image | ||
| Label | Text | Add a label | |
| Link | Link | ||
| Show under menu item | Text | Enter the name of a main menu item. Leave empty to show under every dropdown. Each dropdown shows up to two tiles. |
Header › Menu featured product
| Setting | Type | Default | Notes |
|---|---|---|---|
| Product | Product | ||
| Label | Text | Featured | |
| Show under menu item | Text | Enter the name of a main menu item. Leave empty to show under every dropdown. Each dropdown shows up to two tiles. |
Up to 6 blocks in all.
404 page
The page shoppers see when a link is broken, with a search field.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | Leave blank to use the default heading. | |
| Text | Rich text | Leave blank to use the default message. | |
| Show search field | Checkbox | On | |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 136px | |
| Bottom padding | Slider: 0–160px | 136px |
Blog post
A blog post, with sharing and comments.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Show featured image | Checkbox | On | |
| Show author | Checkbox | On | |
| Show share links | Checkbox | On | |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 64px | |
| Bottom padding | Slider: 0–160px | 48px |
Blog
The list of posts in a blog.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Intro text | Rich text | ||
| Posts per page | Slider: 4–24 | 7 | |
| Feature the latest post | Checkbox | On | Shown large on the first page. |
| Show topic filter | Checkbox | On | |
| Show excerpt | Checkbox | On | |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 64px | |
| Bottom padding | Slider: 0–160px | 120px |
Cart
The cart page.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Show accelerated checkout buttons | Checkbox | On | |
| Empty cart | |||
| Text | Text | ||
| Collections | Collections | ||
| Color scheme | Color scheme | Parchment | |
| Order summary color scheme | Color scheme | Linen | |
| Padding | |||
| Top padding | Slider: 0–160px | 64px | |
| Bottom padding | Slider: 0–160px | 96px |
Product grid
The product grid on collection pages, with filtering, sorting and paging.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Products per page | Slider: 6–36 | 12 | |
| Columns on desktop | Slider: 2–4 | 3 | |
| Columns on mobile | Choice: 1 · 2 | 2 | |
| Pagination | Choice: Load more button · Page numbers | Load more button | |
| Show fabric line | Checkbox | On | |
| Show swatches | Checkbox | On | |
| Filtering and sorting | |||
| Enable filtering | Checkbox | On | Choose filters in the Search and Discovery app. |
| Enable sorting | Checkbox | On | |
| Quick filter | Text | Product type | Enter the name of a list filter, such as Product type, to show its values as chips in the filter bar. To match the filter in every language, use its URL parameter, such as filter.p.product_type. |
| Collection chips navigation | Menu | main-menu | When the quick filter isn't available, the chips link to the other collections listed beside this one in this navigation. |
| Editorial tile | |||
| Show editorial tile | Checkbox | On | Shows on the first page when no filters are active. |
| Position | Slider: 0–12 | 3 | Number of products before the tile. On desktop, the tile moves to the nearest row start. |
| Image | Image | ||
| Label | Text | Buying guide | |
| Heading | Text | ||
| Text | Rich text | ||
| Measurements | Text | Small · For one Medium · For two Large · For a family | One per line, each shown as a dimension line. |
| Link | Link | ||
| Link label | Text | ||
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 0px | |
| Bottom padding | Slider: 0–160px | 120px |
Collection list page
The page that lists all your collections.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | Collections | |
| Collections per page | Slider: 6–48 | 24 | |
| Columns on desktop | Slider: 2–4 | 3 | |
| Image ratio | Choice: Portrait · Square · Landscape | Portrait | |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 64px | |
| Bottom padding | Slider: 0–160px | 120px |
Page
The title and content of a standard page.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Label | Text | ||
| Show published date | Checkbox | Off | |
| Show policy links | Checkbox | Off | Lists your store policies beside the page content. |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 64px | |
| Bottom padding | Slider: 0–160px | 120px |
Product information
The product page itself: images, price, options and buy buttons, built from blocks.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Gallery layout | Choice: Stacked · Carousel | Stacked | |
| Show measurements on the first image | Checkbox | On | Draws the product's width and height over its first image, from the metafields set in Theme settings › Product cards. |
| Keep product information in view while scrolling | Checkbox | On | |
| Show add to cart bar on mobile | Checkbox | On | Appears once the buy buttons scroll out of view. |
| Enable image zoom | Checkbox | On | |
| Loop videos | Checkbox | Off | |
| Swatch style | Choice: Image tiles · Color circles · Pills | Image tiles | For options with swatches. Other options show as pills. |
| Gift card image color scheme | Color scheme | Midnight | |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 0px | |
| Bottom padding | Slider: 0–160px | 64px |
Blocks
- Apps: blocks from apps you have installed.
- Breadcrumb (up to 1)
- Title (up to 1)
- Price (up to 1)
- Installments banner (up to 1)
- Description (up to 1)
- Variant picker (up to 1)
- Quantity selector (up to 1)
- Buy buttons (up to 1)
- Pickup availability (up to 1)
- Fit note (up to 1)
- Gift card recipient form (up to 1)
- Collapsible tab (up to 5)
- Text
- Divider
- Share (up to 1)
- Custom Liquid
Product information › Price
| Setting | Type | Default | Notes |
|---|---|---|---|
| Show tax and shipping note | Checkbox | On |
Product information › Description
| Setting | Type | Default | Notes |
|---|---|---|---|
| Style | Choice: Text · Collapsible tab | Text |
Product information › Variant picker
| Setting | Type | Default | Notes |
|---|---|---|---|
| Samples link | Link | Shown beside the first option, for example a fabric samples collection. | |
| Samples link label | Text |
Product information › Buy buttons
| Setting | Type | Default | Notes |
|---|---|---|---|
| Show accelerated checkout buttons | Checkbox | On | Uses the payment methods available in your store. Shopify renders the buttons. |
| Show price in add to cart button | Checkbox | On |
Product information › Fit note
| Setting | Type | Default | Notes |
|---|---|---|---|
| Narrowest point | Text | Connect a dimension, number or text metafield, or type a value with its unit, such as 36 in, 36" or 91,5 cm. Leave empty to use the product's custom.narrowest_point metafield. | |
| Fit guide page | Page | Opened when JavaScript is off. | |
| Color scheme | Color scheme | Linen |
Product information › Collapsible tab
| Setting | Type | Default | Notes |
|---|---|---|---|
| Heading | Text | Materials | Leave blank to use the page title. Tabs without a heading are hidden. |
| Content | Rich text | Connect a metafield to show product-specific content. | |
| Page content | Page | ||
| Show product dimensions | Checkbox | Off | Lists the measurements below. Each one hides when it has no value. |
| Width | Text | ||
| Depth | Text | ||
| Height | Text | ||
| Seat height | Text | ||
| Narrowest point | Text | ||
| Open by default | Checkbox | Off |
Product information › Text
| Setting | Type | Default | Notes |
|---|---|---|---|
| Text | Text | ||
| Style | Choice: Caption · Body | Caption |
Product information › Custom Liquid
| Setting | Type | Default | Notes |
|---|---|---|---|
| Custom Liquid | Liquid |
Search results
Search results, with filtering and sorting.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Results per page | Slider: 8–48 | 24 | |
| Product columns on desktop | Slider: 2–4 | 4 | |
| Show blog posts and pages | Checkbox | On | |
| Show swatches | Checkbox | On | |
| Enable filtering | Checkbox | On | Customize filters with the Search and Discovery app. |
| Enable sorting | Checkbox | On | |
| No results | |||
| Text | Text | ||
| Collections | Collections | Shown when a search has no results, and on the search page before a search. | |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 64px | |
| Bottom padding | Slider: 0–160px | 120px |
Menu drawer
The menu on phones and tablets.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Main menu | Menu | main-menu | Use the same menu as the header. |
| Customer account menu | Menu | customer-account-main-menu | |
| Show country/region selector | Checkbox | On | Add countries in Settings, then Markets. |
| Show language selector | Checkbox | On | Add languages in Settings, then Languages. |
| Color scheme | Color scheme | Parchment |
Blocks
- Featured tile
Menu drawer › Featured tile
| Setting | Type | Default | Notes |
|---|---|---|---|
| Image | Image | ||
| Label | Text | Add a label | |
| Link | Link |
Up to 2 blocks in all.
Password page
The page shown while your store is password protected.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Image | Image | ||
| Heading | Text | Leave blank to use the default heading. | |
| Show email signup | Checkbox | On | Signups are saved as customers tagged "password page". |
| Color scheme | Color scheme | Parchment | |
| Padding | |||
| Top padding | Slider: 0–160px | 0px | |
| Bottom padding | Slider: 0–160px | 0px |
Predictive search
The search panel that suggests products, collections and pages as shoppers type.
| Setting | Type | Default | Notes |
|---|---|---|---|
| Show search suggestions | Checkbox | On | |
| Show products | Checkbox | On | |
| Show blog posts | Checkbox | On | |
| Show pages | Checkbox | On | |
| Color scheme | Color scheme | Parchment |
Something here unclear or out of date? Contact support.