Sections and blocks
Sections are the parts of a page; blocks are the pieces inside a section. This page lists every section of Wholeness 1.0.0, with its blocks and settings as the theme editor shows them.
To add a section, open a page in the theme editor and click Add section. To add a block, click Add block under its section. Click a section or a block to see its settings. The help text under each setting below is the same text the editor shows.
Sections you can add
These 28 sections are listed under Add section. You can add each one as many times as you like, wherever the list below says it goes.
Announcement bar
A thin bar at the top of every page, with a short message and an optional link.
Section settings
- Text
- Text
- Link
- Link
Appearance
- Background
- Color
- With the bar at the top of the page, this is also the color the browser takes for its own bars.
- Text
- Color
Banner with collections
A tall banner beside rows of products, one row per collection. The banner can carry a countdown.
Section settings
Banner
- Image
- Image
- Any size: it fills the banner and what doesn't fit is cropped around the focal point set on the image.
- Image overlay
- Slider, from 0 to 80 %
- Text above the heading
- Text
- Heading
- Formatted text, one line
- Text
- Text, several lines
- Countdown ends on
- Text
- Year-month-day and time, as in 2026-12-31 23:59, in the shop's time zone. Shows only while the date is ahead. Empty: no countdown.
- Button label
- Text
- Button link
- Link
- Side of the banner
- Choice: “Left”, “Right”
Collections
Each "Collection" block is a row of products. With none added, the first collections of the shop that have products are shown.
- Products to show
- Slider, from 2 to 12
- Columns on desktop
- Choice: “2”, “3”
- Show the add to cart button
- Checkbox
- A product with options gets a list of its variants next to the button.
Block: Collection
- Collection
- Collection
- Name
- Text
- Empty uses the name of the collection.
Blog posts
The newest articles of a blog, in columns, with a link to the blog.
Section settings
- Heading
- Text
- Blog
- Blog
- The section shows the newest articles of this blog. Until one with articles is chosen, sample cards show in the theme editor only.
- Articles to show
- Slider, from 2 to 12
- Columns on desktop
- Slider, from 2 to 4
- Show image
- Checkbox
- Show date
- Checkbox
- Show author
- Checkbox
- Show excerpt
- Checkbox
- Show a link to the blog
- Checkbox
Cards with image
A heading, a short text and a row of cards with a picture, heading, text and button. A card can take its content from a collection.
Section settings
- Heading
- Formatted text, one line
- Text
- Text, several lines
- Columns on desktop
- Slider, from 2 to 4
Block: Card
- Collection
- Collection
- Optional. The card takes the name, picture, description and link of the collection; any field filled in below wins.
- Image
- Image
- Any size: it fills the frame and what doesn't fit is cropped. Empty uses the picture of the collection.
- Heading
- Text
- Text
- Text, several lines
- Button label
- Text
- Button link
- Link
Certificates
Logos of certificates, seals or labs at one height, as a moving carousel or a fixed row.
Section settings
- Heading
- Text
- Presentation
- Choice: “Carousel”, “Fixed row”
- The carousel moves on its own, with no end, and stops under the pointer. Visitors who asked their device for less motion see it standing still.
- Speed
- Choice: “Slow”, “Medium”, “Fast”
- Shown when “Presentation” is “Carousel”.
- Logo height
- Slider, from 32 to 120 px
- Highlight with a background
- Checkbox
Block: Certificate
- Image
- Image
- Name
- Text
- Read by screen readers, and shown while there is no image.
- Link
- Link
Collection list
A heading and a row of collections, each a round or square picture with its name. With no blocks, it shows every collection that has products.
Section settings
- Heading
- Formatted text, one line
- Text
- Text, several lines
- Shape of the pictures
- Choice: “Circle”, “Square”
- A picture of any size fits: it fills the frame and what doesn't fit is cropped. A collection without a picture uses the picture of its first product.
- Columns on desktop
- Slider, from 3 to 8
- Show the number of products
- Checkbox
With no collection added, every collection of the shop that has products shows up here by itself.
Block: Collection
- Collection
- Collection
- Name
- Text
- Empty uses the name of the collection.
- Image
- Image
- Any size. Empty uses the picture of the collection, then the picture of its first product.
Collection tabs
One tab per collection. Each tab shows a large picture beside a row of products, or the products alone across the width.
Section settings
- Text above the heading
- Text
- Heading
- Formatted text, one line
- Words in italic take the accent color.
- Accent color
- Color
- Presentation
- Choice: “Picture beside the products”, “Products only, across the width”
- Products only puts the heading on one side and the tabs on the other, and leaves out the picture of each tab.
- Products to show
- Slider, from 3 to 12
- Show a link to the collection
- Checkbox
- Show the add to cart button
- Checkbox
- A product with options gets a list of its variants next to the button.
Block: Tab
- Tab name
- Text
- Empty uses the collection's name.
- Collection
- Collection
- Image
- Image
- Shown next to this tab's products. Any size works: the picture fills the frame and what doesn't fit is cropped. Empty uses the collection's image.
Contact form
A contact form with name, email, an optional phone field and a message.
Section settings
- Heading
- Text
- Text
- Formatted text
- Show phone field
- Checkbox
Countdown bar
A bar in the header with a campaign message and the time left until a date. Once the date has passed, the bar leaves the store on its own.
Section settings
- Text
- Text
- Countdown ends on
- Text
- Year-month-day and time, as in 2026-11-27 23:59, or day/month/year, as in 27/11/2026 23:59, in the shop's time zone. A date without a time lasts to the end of that day. Once the date has gone by, the bar leaves the shop on its own.
- Link
- Link
Appearance
- Background
- Color
- With the bar at the top of the page, this is also the color the browser takes for its own bars.
- Text
- Color
Custom Liquid
Your own Liquid or HTML. Code added here is not covered by theme support.
Section settings
- Liquid code
- Liquid code
Featured collection
A heading, a link to a collection and its first products, as a carousel or a grid.
Section settings
- Heading
- Text
- Collection
- Collection
- Products to show
- Slider, from 2 to 12
- Presentation
- Choice: “Carousel (one row)”, “Grid”
- As a carousel the products stay in one row, and the ones that don't fit are reached sideways. Columns is how many are in sight on a wide screen.
- Columns on desktop
- Slider, from 2 to 5
- Show a link to the collection
- Checkbox
- Show the add to cart button
- Checkbox
- A product with options gets a list of its variants next to the button.
Featured product
One product with its gallery, options, quantity and buy buttons, on any page.
Section settings
- Product
- Product
- Show vendor
- Checkbox
- Show a short description
- Checkbox
- Show dynamic checkout buttons
- Checkbox
- Buttons such as Shop Pay or PayPal, which go straight to checkout. They show only when the shop has them turned on.
- Play product videos automatically
- Checkbox
- Videos play muted while they are on screen. Shoppers can turn the sound on in the player.
- Side of the gallery
- Choice: “Left”, “Right”
Block: Custom Liquid
- Liquid code
- Liquid code
Her / him showcase
For clothing: the heading is a switch between two words, such as “her” and “him”. Each side shows a banner and the products of one list that belong to it.
Section settings
- Text before
- Text
- Optional, e.g. “For”. The two words after it are the switch.
- Word for her
- Text
- Word for him
- Text
- Text
- Text, several lines
- Accent color
- Color
- The word on show takes this color.
- Chosen word in italics
- Checkbox
Products
- Products
- Products, up to 24
- Up to 24, in the order they should be seen. Each side shows the ones that belong to it, in this order.
- Products on each side
- Slider, from 2 to 12
- Products in sight on a computer
- Slider, from 2 to 4
- Product photo shape
- Choice: “Tall (2:3)”, “Portrait (3:4)”, “Slightly tall (4:5)”, “Square”
- Tall (2:3) is the shape clothes are photographed in. A photo of another shape is shown whole.
- Show the add to cart button
- Checkbox
- A product with options gets a list of its variants next to the button.
Which side each product goes to
- Product option
- Text
- The option that says the audience, as written in the products (e.g. Gender). Without it, the product’s tags are read with the same values.
- Values for her
- Text
- Values for him
- Text
- Values for both sides
- Text
- Product without the option
- Choice: “Shows on both sides”, “Doesn’t show”
- Left out by default: a unisex product says so in its option (e.g. Unisex). The editor tells how many were left out.
Banners
- Banner for her
- Image
- Link of the banner for her
- Link
- Banner for him
- Image
- Link of the banner for him
- Link
- Image position
- Choice: “Left”, “Right”
- Picture shape
- Choice: “Square”, “Slightly tall (4:5)”, “Portrait (3:4)”, “Tall (2:3)”
- Takes a picture of any size: it fills the frame and what doesn’t fit is cropped.
- Show a link to the collection
- Checkbox
Hero
A large picture or video with a heading, text and a button over it. Add Slide blocks to turn it into a carousel.
Section settings
First slide
This is the banner itself. To make it a carousel, add slides with the blocks of this section.
- Image
- Image
- Video
- Video
- Optional. Shown in place of the picture. Plays without sound; the visitor can turn it on.
- Image on phones
- Image
- Optional, upright (e.g. 4:5 or 9:16). Empty: phones show the image above, cropped around its focal point.
- Video on phones
- Video
- Optional. On phones it takes the place of everything above.
- Heading
- Text
- Text
- Text, several lines
- Button label
- Text
- Button link
- Link
All slides
- Image overlay
- Slider, from 0 to 80 %
- Height
- Choice: “Small”, “Medium”, “Large”
- Alignment
- Choice: “Left”, “Center”, “Right”
- Change slides automatically
- Checkbox
- A picture stays for the time set below; a video stays until it ends. Visitors who asked their device for less motion change slides themselves.
- Time on each picture
- Slider, from 3 to 12 s
Block: Slide
- Image
- Image
- Video
- Video
- Optional. Shown in place of the picture. Plays without sound; the visitor can turn it on.
- Image on phones
- Image
- Optional, upright (e.g. 4:5 or 9:16). Empty: phones show the image above, cropped around its focal point.
- Video on phones
- Video
- Optional. On phones it takes the place of everything above.
- Heading
- Text
- Text
- Text, several lines
- Button label
- Text
- Button link
- Link
Image carousel
A heading and a row of pictures, each with an optional link, that moves on its own or by hand. Every picture keeps its shape.
Section settings
- Heading
- Text
- Link text
- Text
- Link
- Link
- Picture height
- Slider, from 160 to 600 px
- Every picture gets this height and the width its own shape asks for. Nothing is cropped. On small screens the pictures shrink.
- Move by itself
- Checkbox
- The pictures pass by on their own, with no end, and stop under the pointer. Off, the row scrolls by hand, with arrows.
- Speed
- Choice: “Slow”, “Medium”, “Fast”
- Shown when “Move by itself” is on.
Block: Image
- Image
- Image
- Link
- Link
Image with benefits
A heading, up to six benefits with icons, a button and a picture.
Section settings
- Heading
- Formatted text, one line
- Words in italic take the accent color.
- Accent color
- Color
- Image
- Image
- Image position
- Choice: “Left”, “Right”
- Button label
- Text
- Button link
- Link
Block: Benefit
- Icon
- Choice: “Price tag”, “Percent”, “Delivery truck”, “Renewal”, “Gift”, “Clock”, “Verified seal”, “Award”, “Leaf”, “Heart”, “Lock”, “Support”, “Payment”, “Star”
- Text
- Formatted text, one line
Material guide
Tabs of materials, such as fabrics or ingredients. Each material is a close-up picture, a name and lines of details whose names you set once for the section.
Section settings
- Heading
- Formatted text, one line
- Text
- Text, several lines
- First tab name
- Text
- The tab of the materials before the first “Tab” block. With a single tab, no tabs are shown.
- Columns on desktop
- Slider, from 3 to 6
- Picture shape
- Choice: “Tall (2:3)”, “Portrait (3:4)”, “Slightly tall (4:5)”, “Square”
- Takes a picture of any size: it fills the frame and what doesn’t fit is cropped.
- Heading, tabs, names and lines in capitals
- Checkbox
Lines of each material
- 1st line
- Text
- The name of the line, above each material’s value (e.g. Look, Source). Empty: the line is left out.
- Line with icons
- Text
- Up to three items with an icon (e.g. Feel, Benefits). Empty: the line is left out.
- 3rd line
- Text
- 4th line
- Text
- 5th line
- Text
Block: Material
- Image
- Image
- A close-up of the fabric or of the raw material. Any size: it fills the frame.
- Name
- Text
- Link
- Link
- 1st line
- Text, several lines
- The names of the lines are set in the section. Empty: the line is left out of this material.
Line with icons
- Icon 1
- Choice: “No icon”, “Light and breathable”, “Wicks moisture”, “Cool”, “Keeps warm”, “Fit”, “Free movement”, “Easy care”, “Sun protection”, “Soft”, “Recycled”, “Natural”, “Energy”, “Mind and focus”, “Heart”, “Bones and joints”, “Strength and muscles”, “Sleep”, “Digestion”, “Skin”, “Defenses”, “Metabolism”, “Science”, “Vegan”, “Certified”
- Text 1
- Text
- Icon 2
- Choice: “No icon”, “Light and breathable”, “Wicks moisture”, “Cool”, “Keeps warm”, “Fit”, “Free movement”, “Easy care”, “Sun protection”, “Soft”, “Recycled”, “Natural”, “Energy”, “Mind and focus”, “Heart”, “Bones and joints”, “Strength and muscles”, “Sleep”, “Digestion”, “Skin”, “Defenses”, “Metabolism”, “Science”, “Vegan”, “Certified”
- Text 2
- Text
- Icon 3
- Choice: “No icon”, “Light and breathable”, “Wicks moisture”, “Cool”, “Keeps warm”, “Fit”, “Free movement”, “Easy care”, “Sun protection”, “Soft”, “Recycled”, “Natural”, “Energy”, “Mind and focus”, “Heart”, “Bones and joints”, “Strength and muscles”, “Sleep”, “Digestion”, “Skin”, “Defenses”, “Metabolism”, “Science”, “Vegan”, “Certified”
- Text 3
- Text
- 3rd line
- Text, several lines
- 4th line
- Text, several lines
- 5th line
- Text, several lines
Block: Tab
- Tab name
- Text
- Opens a new tab with the materials that come after this block.
Newsletter
An email signup with a heading and text, on a background color of its own.
Section settings
Each signup becomes a customer who accepts email marketing, tagged “newsletter”. They are listed in Customers.
- Heading
- Text
- Text
- Formatted text
- Alignment
- Choice: “Left”, “Center”
Appearance
- Background
- Color
- Text
- Color
- Choose a color that reads well over the background. The field, the button and the messages use these two colors.
- Edge to edge
- Checkbox
Picture and text tabs
Up to five tabs, each with a picture beside a heading, text and a button. A tab can take its content from a product.
Section settings
- Text above the heading
- Text
- Heading
- Formatted text, one line
- Words in italic take the accent color.
- Accent color
- Color
- Text on accent color
- Color
- The button text over the accent color, while the pointer is on it. Empty: the page background color.
- Number the tabs
- Checkbox
- Image position
- Choice: “Left”, “Right”
Block: Tab
- Product
- Product
- Optional. Fills in what you leave empty below: the tab's name, the heading, the picture and where the button leads.
- Tab name
- Text
- Empty uses the product's name.
- Image
- Image
- Any size works: the picture fills the frame and what doesn't fit is cropped. Empty uses the product's picture.
- Text above the heading
- Text
- Heading
- Text
- Text
- Formatted text
- Button label
- Text
- Button link
- Link
- Empty leads to the product's page.
Product line-up
An opening tile with a picture and a button, followed by products you pick one by one, in one row. Made for things that go together, such as a look or a routine.
Section settings
Opening tile
The first tile: a picture with a heading and a button over it. Left empty, the row starts at the first product.
- Image
- Image
- Heading
- Text
- Button label
- Text
- Button link
- Link
- Text
- Color
- Image overlay
- Slider, from 0 to 60 %
Product tiles
- Columns on desktop
- Choice: “3”, “4”, “5”
- Tile color
- Color
- Picture in the tile
- Choice: “Fill the tile”, “Show the whole picture”
- The picture takes the whole tile, with the name and the price in front of it. Fill covers the tile and crops what does not fit: for pictures with a background of their own. Whole shows the entire picture over the tile color: for product pictures on a white or transparent background.
- Blend the picture into the tile
- Checkbox
- The white background of a product picture takes the tile's color.
- Shown when “Picture in the tile” is “Show the whole picture”.
- Name and price color
- Color
- They sit in front of the picture: choose a color that reads over it.
- Badge color
- Color
- Badge text color
- Color
Block: Product
- Product
- Product
- Badge
- Text
- A few words, such as "Best seller".
Product recommendations
Related or complementary products for the product on the page.
Section settings
- Recommendation type
- Choice: “Related”, “Complementary”
- Related: calculated by Shopify for every product. Complementary: the products you pick for each product in the Search & Discovery app. With none for the product, the section doesn’t show.
- Heading
- Text
- Empty uses “You may also like” for related products and “Pairs well with” for complementary ones.
- Products to show
- Slider, from 2 to 10
- Presentation
- Choice: “Carousel (one row)”, “Grid”
- As a carousel the products stay in one row, and the ones that don't fit are reached sideways. Columns is how many are in sight on a wide screen.
- Columns on desktop
- Slider, from 2 to 5
- Show the add to cart button
- Checkbox
- A product with options gets a list of its variants next to the button.
Product slides
Slides with two halves: a product over a color you choose, and a picture or video with a line of text.
Section settings
- Side of the video or picture
- Choice: “Right”, “Left”
- Edge to edge
- Checkbox
- Image overlay
- Slider, from 0 to 80 %
- A shade at the foot of the picture or video, behind the text. 0% shows it as it is.
- Change slides automatically
- Checkbox
- A picture stays for the time set below; a video stays until it ends. Visitors who asked their device for less motion change slides themselves.
- Time on each picture
- Slider, from 3 to 12 s
Block: Slide
- Product
- Product
- Its picture, name and price show over the color. The picture is never cropped.
- Background
- Color
- Over a light color, the white background of the product picture takes that color.
- Text
- Color
- Empty: light or dark by itself, whichever reads better over the background. The arrows and dots follow it.
- Video or picture at the side
- Image
- Empty uses the product's video and, when it has none, another of its pictures. A video chosen here wins over a picture.
- Video
- Video
- Optional. Shown in place of the picture. Plays without sound; the visitor can turn it on.
- Text
- Text, several lines
- Shown over the picture or the video of this slide.
- Button label
- Text
- Optional. Leads to the product page.
Product spotlight
One product with its picture, name, price, text and button, beside a video or another picture.
Section settings
- Product
- Product
- Choosing the product is enough: the heading, the picture, the button and the side (the product's video, or another of its pictures) come from it.
- Heading
- Text
- Empty uses the product's name.
- Text
- Formatted text
- Show the price
- Checkbox
- Button label
- Text
- Button link
- Link
- Empty leads to the product's page.
- Product picture
- Image
- Empty uses the product's picture. It is never cropped.
Video or picture at the side
Empty uses the product's video and, when it has none, another of its pictures. A video chosen here wins over a picture.
- Video
- Video
- Image
- Image
- Side of the video or picture
- Choice: “Right”, “Left”
Appearance
- Background
- Color
- Text
- Color
- Edge to edge
- Checkbox
Rich text
A heading, text and an optional button.
Section settings
- Heading
- Text
- Text
- Formatted text
- Alignment
- Choice: “Left”, “Center”
- Button label
- Text
- Button link
- Link
Scrolling text
A band of short messages that moves across the page. Shoppers can pause it.
Section settings
Each message passes across the page, one after the other, without stopping. The row stops under the pointer and with its pause button, and stands still for shoppers who asked their device for less motion.
- Messages
- Text, several lines
- One message per line. With text here the row shows only these lines; to give a message an icon or a link, leave this empty and add "Message" blocks.
- Speed
- Choice: “Slow”, “Medium”, “Fast”
- Text size
- Choice: “Small”, “Medium”, “Large”
- Capital letters
- Checkbox
- Background
- Color
- Text
- Color
Block: Message
- Text
- Text
- Icon
- Choice: “No icon”, “Delivery truck”, “Renewal”, “Percent”, “Price tag”, “Payment”, “Gift”, “Clock”, “Verified seal”, “Award”, “Leaf”, “Heart”, “Lock”, “Support”, “Star”
- Link
- Link
Shop by audience
One tab per audience (for example, women and men), each with a large picture beside a few products to start with.
Section settings
- Heading
- Formatted text, one line
- Text
- Text, several lines
- Image position
- Choice: “Left”, “Right”
- Picture shape
- Choice: “Square”, “Slightly tall (4:5)”, “Portrait (3:4)”, “Tall (2:3)”
- Takes a picture of any size: it fills the frame and what doesn’t fit is cropped.
- Product photo shape
- Choice: “Tall (2:3)”, “Portrait (3:4)”, “Slightly tall (4:5)”, “Square”
- Tall (2:3) is the shape clothes are photographed in. A photo of another shape is shown whole.
- Products to show
- Slider, from 2 to 4
- From the collection, when no product is picked.
- Heading and tabs in capitals
- Checkbox
- Show a link to the collection
- Checkbox
- Show the add to cart button
- Checkbox
- A product with options gets a list of its variants next to the button.
Block: Tab
- Tab name
- Text
- Empty uses the collection's name.
- Products
- Products, up to 4
- Up to four, in this order. With none picked, the collection’s first products.
- Collection
- Collection
- Fills in the products when none is picked, and gives the picture its link.
- Image
- Image
- Shown next to this tab's products. Any size works: the picture fills the frame and what doesn't fit is cropped. Empty uses the collection's image.
- Link
- Link
- Where the picture leads. Empty: the collection.
- Remembered value
- Text
- The value of the first remembered filter (theme settings) this tab stands for, as in Male. Choosing the tab remembers it, and it opens on it next time. Empty: worked out from the tab's products.
Shop by color
A row of tiles, one per color, each with a picture and a box in that color. A tile can open a collection filtered by its color (see Shop by color).
Section settings
- Heading
- Formatted text, one line
- Link
- Link
- Link text
- Text
- Empty: “View all”.
- Columns on desktop
- Slider, from 2 to 6
- Picture shape
- Choice: “Tall (2:3)”, “Portrait (3:4)”, “Slightly tall (4:5)”, “Square”
- Takes a picture of any size: it fills the frame and what doesn’t fit is cropped.
- Text box
- Choice: “Over the picture”, “Under the picture”
- Heading and names in capitals
- Checkbox
- Edge to edge
- Checkbox
- Products’ color option
- Text
- The name of the color option in the products, used by the blocks’ “Filter by color”.
Block: Color
- Collection
- Collection
- Name, picture and link come from the collection. Any field filled in below wins.
- Filter by color
- Text
- The color as written in the products (e.g. Black). The link opens the collection above, or all products, with only that color. The color filter must be on in the Search & Discovery app. A link filled in below wins.
- Image
- Image
- Empty: the collection’s picture, then its first product’s.
- Name
- Text
- Text
- Text, several lines
- Box color
- Color
- With the box text on automatic, the text turns light or dark by itself, whichever reads better.
- Box text
- Choice: “Automatic (best reading)”, “Light”, “Dark”
- Box text color
- Color
- Empty: the box text above decides. A color chosen here wins.
- Link
- Link
- Link text
- Text
- Empty: “Shop” and the color’s name.
Video carousel
Videos in a wheel: the video on show plays in the middle, with its product under it. Videos come from blocks and from a collection.
Section settings
- Heading
- Text
- Collection
- Collection
- Every product of this collection that has a video enters by itself, after the videos added below.
- Videos to show
- Slider, from 3 to 10
- Shape of the videos
- Choice: “The shape of the first video”, “Portrait (9:16)”, “Portrait (4:5)”, “Square”, “Landscape (16:9)”
- Every video gets the same frame. A video of another shape fills it, and what doesn't fit is cropped.
Block: Video
- Product
- Product
- The product shown under the video. Its own video is used when no file is chosen below.
- Video
- Video
- Optional. For a video that is not in the product.
Template sections
These 12 sections belong to a page template or to the header or footer. They are already in place: you can change their settings, but not add them to other pages.
Article
A blog article, with its image, date, author and comments.
Section settings
- Show image
- Checkbox
- Show date
- Checkbox
- Show author
- Checkbox
Blog
The list of a blog’s articles.
Section settings
- Articles per page
- Slider, from 3 to 24
- Columns on desktop
- Slider, from 1 to 3
- Show image
- Checkbox
- Show date
- Checkbox
- Show author
- Checkbox
- Show tags
- Checkbox
Cart
The cart page. Its options are in Theme settings › Cart.
This section has no settings.
Collection
The products of a collection, with filters, sorting and pages (see Collections and search).
Section settings
- Products per page
- Slider, from 8 to 48
- Columns on desktop
- Slider, from 2 to 5
- Show the add to cart button
- Checkbox
- A product with options gets a list of its variants next to the button.
- Show the collection image
- Checkbox
- The image set in the collection, beside its name and description. It keeps its shape and is never cropped.
Collections grid
The page that lists your collections.
Section settings
- Columns on desktop
- Slider, from 2 to 5
- Collections per page
- Slider, from 8 to 48
Footer
Your logo, menus, text, a newsletter signup, social links and a row of pictures, with your store’s policies and payment icons. Shared by every page.
Section settings
- Logo
- Image
- The footer's own logo, apart from the header's. Empty shows the shop's name.
- Logo width
- Slider, from 60 to 300 px
- Turn the logo white
- Checkbox
- For a dark logo on a dark footer.
- Line in large type
- Text, several lines
- Shown under the logo, in large type.
- Text
- Text, several lines
Appearance
- Background
- Color
- Text
- Color
- Show the links to the shop's policies
- Checkbox
- Show payment icons
- Checkbox
- Show language selector
- Checkbox
- Shows only when the store has more than one language published.
- Show Follow on Shop button
- Checkbox
- Lets customers follow the store in the Shop app. Shows only when the Shop channel is installed and Shop Pay is active.
Social media
The full address of each profile. Empty ones are left out.
- Text
- Text
- X
- Text
- TikTok
- Text
- YouTube
- Text
- Text
- Text
Row of pictures
Add "Image" blocks to the footer: they make a row above its last line, such as posts from a social network. A theme can't read the network: you choose the pictures.
- Heading
- Text
- Link text
- Text
- Link
- Link
Block: Menu
- Heading
- Text
- Empty uses the menu's name.
- Menu
- Menu
Block: Text
- Heading
- Text
- Text
- Formatted text
Block: Image
- Image
- Image
- Any size: it fills a square and what doesn't fit is cropped.
- Link
- Link
Block: Newsletter
- Heading
- Text
- Text
- Text
Header
Your logo, menu and the account, search and cart icons, shared by every page.
Section settings
- Logo
- Image
- Logo width
- Slider, from 60 to 300 px
- Logo position
- Choice: “Left”, “Center”
On phones
- Logo width on phones
- Slider, from 60 to 200 px
- Logo position on phones
- Choice: “Center”, “Left”
- Centered on the screen, between the menu button and the icons. The computer keeps the position above.
- Menu
- Menu
- Show submenus
- Checkbox
- On computers, a menu item with links under it opens a panel with them (second and third levels). On phones the menu panel also shows the third level.
- Show search
- Checkbox
- A search icon in the header that opens a search box.
Appearance
- Header at the top of the page
- Choice: “Transparent”, “Opaque”
- Transparent applies on pages that start with a hero: the header sits over the image and fills in with the background color as the shopper scrolls. On other pages the header is always opaque.
- Background
- Color
- Text
- Color
- Text while transparent
- Color
- Logo while transparent
- Image
- Optional. Shown while the header is transparent, in place of the main logo.
- Turn the logo white while transparent
- Checkbox
- Used when no logo is set for the transparent header.
- Customer account menu
- Menu
Not found
The page shown when an address doesn’t exist.
This section has no settings.
Page
The content of a page you write in Online Store › Pages.
Section settings
- Text width
- Choice: “Narrow”, “Wide”
Password
The page shown while your store is protected by a password.
Section settings
- Logo
- Image
- Heading
- Text
Product information
The product page: the gallery and the blocks beside it (see Product pages).
Section settings
- Show vendor
- Checkbox
- Show SKU
- Checkbox
- Play product videos automatically
- Checkbox
- Videos play muted while they are on screen. Shoppers can turn the sound on in the player.
Block: Title
No settings.
Block: Price
- Show tax information
- Checkbox
- Under the price, the same note as the cart: whether the prices include taxes, and that shipping is calculated at checkout.
Block: Variant picker
- Show color swatches
- Checkbox
- Values tied to a color or a picture in Shopify show it on their card. Products with three options always show their swatches.
Block: Buy buttons
- Show the recipient form on gift cards
- Checkbox
- On gift card products, the shopper can send the card to someone by email, with a message and a date. Those products leave out the accelerated checkout buttons, which skip the recipient.
Block: Pickup availability
No settings.
Block: Description
No settings.
Block: Custom Liquid
- Liquid code
- Liquid code
Block: Complementary products
The products you pick for each product in the Search & Discovery app (complementary products). With none for the product, the block doesn’t show.
- Heading
- Text
- Empty uses “Pairs well with”.
- Products to show
- Slider, from 2 to 8
- Presentation
- Choice: “Carousel (one row)”, “Grid”
- Products in sight
- Slider, from 1 to 3
- How many are in sight in the column, on every screen. On a phone the carousel also shows a little of the next one.
- Show the add to cart button
- Checkbox
- A product with options gets a list of its variants next to the button.
- Place on a computer
- Choice: “Under the photo”, “In the information column”
- Under the photo fills the room under the gallery when the information beside it is long. On a phone the block always sits at its place in the list of blocks.
Search
Search results, with optional filters and sorting.
Section settings
- Results per page
- Slider, from 8 to 48
- Columns on desktop
- Slider, from 2 to 5
- Show the add to cart button
- Checkbox
- A product with options gets a list of its variants next to the button.
- Show filters and sorting
- Checkbox
- The filters turned on in the Search & Discovery app, and the sort order, over the results. Off, a filter already applied still shows as a tag that removes it.
Sections the theme loads by itself
The theme draws these sections where they are needed. They are not listed in the editor and have no settings of their own.
- Cart suggestions
- Products suggested in the cart. Set them up in Theme settings › Cart.
- Pickup availability
- The pickup information on the product page, shown by the Pickup availability block.
- Predictive search
- The suggestions under the search box in the header. Turn search on in the Header section.