Checkmate has 25 content sections. You add one to a page with Add section in the editor, and you can use the same section many times on one page. The tables group the sections by the job they do, and each row names the section to use when one does not fit.
Content sections go on the page itself, not in the header or the footer. The exceptions are Features and Subscription, which can also go in the footer, and Facts, Highlights and Marquee, which can go in the header or the footer.
Products from a collection, a list you pick, or Shopify's recommendations, as a carousel, a grid, a spotlight, a row that moves sideways as customers scroll, or a grid beside a large photo.
Featured product, to sell one product with its options and buy buttons.
Story cards with a photo, a heading and a button that stack on each other as customers scroll. A card can come from a blog post, and its button can open the full story in a popup.
Checkmate has 25 content sections. You add one to a page with Add section in the editor, and you can use the same section many times on one page. The tables group the sections by the job they do, and each row names the section to use when one does not fit.
Content sections go on the page itself, not in the header or the footer. The exceptions are Features and Subscription, which can also go in the footer, and Facts, Highlights and Marquee, which can go in the header or the footer.
Open a page
Section
Good for
Use instead
Hero section
A large opening with a big heading, a photo or video, and up to two buttons.
Video, for a video with sound and a play button.
Video section
A video or photo as tall as the screen behind a heading, with an optional play button that opens a video with sound.
Hero, for an opening with up to two buttons and a short paragraph.
Show products and collections
Section
Good for
Use instead
Featured collection section
Products from a collection, a list you pick, or Shopify's recommendations, as a carousel, a grid, a spotlight, a row that moves sideways as customers scroll, or a grid beside a large photo.
Featured product, to sell one product with its options and buy buttons.
Featured product section
One product with its photo, options and buy buttons on any page, in a product form or in one centered column.
Featured collection, to show several products as cards.
Card rail section
A row of cards customers swipe sideways, with an optional heading panel beside it. The cards are products, or photo cards with your own links.
Featured collection, for products in a grid or in a list you pick by hand.
Promo list section
A numbered list of large links to collections. On a computer with a mouse, a photo of the collection follows the pointer.
Card rail, to show each link as a photo card.
Hotspots section
Up to 12 dots on a photo, each showing a product that appears in it.
Comparison, to compare two photos or two products.
Comparison section
A before and after slider over two photos, or two products side by side.
Hotspots, to point at the products in one photo.
Explain and reassure
Section
Good for
Use instead
Features section
Columns with an icon, a heading and a short line, such as shipping and returns promises, the headings scrolling in one line, or a row of tall photos.
Steps, when the items happen in order.
Steps section
A numbered how-it-works list, with an optional photo beside it.
Features, when the order does not matter.
Facts section
Up to four large numbers with a unit and a label, which can come from each product's own details.
Specifications, for more than four details, or details in words.
Specifications section
A list or table of labels and values, such as a product's origin, size and care.
Facts, for up to four numbers shown large.
Highlights section
Cards with a photo, a heading and a short paragraph, switched with tabs or arrows. Each product can have its own cards.
Card rail, for cards with links and a heading panel.
FAQ section
Questions and answers as an accordion, a list or cards, with a support card. Each product can add its own questions.
Specifications, for short facts that need no question.
Testimonials section
Customer quotes in a grid or one at a time, with figures such as a rating.
Facts, for figures without quotes.
Tell your story
Section
Good for
Use instead
Stacking cards section
Story cards with a photo, a heading and a button that stack on each other as customers scroll. A card can come from a blog post, and its button can open the full story in a popup.
Timeline, for a history told year by year.
Timeline section
Your brand's history on a row of years, where an entry can open a longer story in a popup.
Stacking cards, for a few milestones told as large cards.
Blog posts section
Your latest blog posts, posts with one tag, or posts you pick, as a grid, a list or a carousel. Under a blog post it can show related posts.
Stacking cards, to tell a few posts as large cards that stack.
Orbit section
Up to six round photos that travel along an arc, above your own text and blocks.
Photo wall, for many photos.
Photo wall section
Up to 24 photos in columns that scroll on their own, beside a heading and your Instagram account.
Orbit, for a few photos above a short message.
Marquee section
A row of very large, faint words, or bands of text, that move sideways across the page.
The Announcement bar section, for a short message above the header on every page.
Collect messages and signups
Section
Good for
Use instead
Contact form section
Your store's contact form, with a heading, text and blocks above it or beside it.
Subscription, to collect email addresses for marketing.
Subscription section
An email signup area with up to three round photos.
The Popup section, for a signup that opens over the page.
Build your own
Section
Good for
Use instead
Section section
An empty section you fill with blocks, such as a photo beside text or a centered heading with a button.
Any section on this page that already does the job.
Custom Liquid section
Code you write yourself, such as an embed from another service.
Section, to build the layout from blocks without code.
Most content sections share the same spacing, background and motion settings, described in Section layout settings, Section background settings and Section motion settings. How sections and blocks work in Checkmate explains how to add, move and remove sections.