Sections

Text and media sections

Use these sections to tell your brand story, explain ingredients, or share how a product works.

Most sections on this page have these settings:

  • Color scheme: the colors of the section. See Colors.
  • Top padding and Bottom padding: the space above and below the section, from 0 to 120px.

Rich text

Text with an optional heading and buttons. Use it for a mission statement, a promise or a short introduction.

Settings

  • Alignment: Left or Center.
  • Use narrow width: keeps lines short, which makes long text easier to read.

Blocks

  • Subheading (Text): a short line above the heading. One per section.
  • Heading: the heading text, and its Size: Small, Medium or Large. One per section.
  • Text: rich text, and its Size: Regular or Large.
  • Buttons: one per section.
    • First button label, First button link and First button style (Solid or Outline).
    • Second button label and Second button link. The second button is an outline button.

Leave a button label empty to hide that button. Drag blocks in the sidebar to change their order.

Image with text

An image beside text. Use it for your brand story, a founder photo, or a product in use.

Settings

  • Image: 1200 x 1200px recommended.
  • Image ratio: Adapt to image, Square, Portrait or Landscape.
  • Desktop image placement: Image first puts the image on the left. Image second puts it on the right. On phones, the image is always above the text.
  • Text alignment: Left or Center.
  • Style: Plain, or Card, which places the image and text in a box with its own colors.
  • Card color scheme: the colors of the box when Style is Card.

Under Image badge, you can add a small label on the image, such as a number with a short line of text:

  • Value: the large text, for example a year or a number.
  • Text: the smaller text under the value. Leave empty to hide the badge.
  • Badge color scheme: the colors of the badge.

Only use numbers you can back up.

Blocks

  • Subheading (Text): a short line above the heading. One per section.
  • Heading: the heading text and its Size. One per section.
  • Text: rich text and its Size.
  • Checklist (Items): a list with check marks. Separate items with commas. One per section.
  • Buttons: up to two buttons, as in Rich text. One per section.

Tip: add alt text to your image in the image picker. Screen readers read it to customers who can't see the image.

Multicolumn

Columns with an icon or image, a heading and text. Use it for ingredients, benefits, how-to steps or shipping promises.

When you add the section, you can choose between two presets:

  • Multicolumn: three columns in cards.
  • Trust strip: a compact row of four short promises, such as shipping and returns.

Settings

  • Subheading, Heading and Text: the text above the columns.
  • Heading alignment: Left or Center.
  • Link label and Link: a link for the section. With a left-aligned heading, it sits next to the heading. With a centered heading, or no heading, it shows as a button under the columns.
  • Style: Plain, Cards, Outlined or Compact strip.
  • Icon position: Top, Left or Top, centered.
  • Image ratio: Square, Portrait or Landscape. Applies to columns with an image.
  • Number of columns on desktop: from 2 to 6.
  • Number of columns on mobile: 1 column or 2 columns.

Column block

  • Image: replaces the icon when set.
  • Icon: None, Leaf, Shield, Truck, Return arrow, Heart, Sparkle, Lock, Star, Gift, Clock, Check, Phone or Globe.
  • Heading: the column title.
  • Text: one or two sentences.
  • Link label and Link: a link under the text. Leave the label empty to hide it.

Tip: on the product page, connect column headings and text to metafields to show different ingredients for each product. See Product page.

Video

A video with a cover image. The video loads only when a customer selects play, or when it scrolls into view with autoplay on.

Settings

  • Subheading, Heading and Text: the text above the video.
  • Video: a video you uploaded to Shopify.
  • Video URL: a YouTube or Vimeo link. Used when no Shopify-hosted video is selected.
  • Cover image: shown before the video plays. 1920 x 1080px recommended.
  • Video alt text: describe the video for customers using screen readers.
  • Autoplay muted when in view: plays the video without sound when it scrolls into view.
  • Loop video: starts the video again when it ends.
  • Make video full width: stretches the video to the edges of the screen.

Tips:

  • Add a Cover image when you use a YouTube or Vimeo link. Without one, customers see a dark frame with a play button until they play the video.
  • The video's shape follows the cover image. Use a cover image with the same shape as your video, for example 16:9.

Scrolling text

A strip of short messages that moves across the screen, for example "Vegan", "Free shipping over $50" or "New shades". You can add it to the header area too.

Settings

  • Speed: from 10 to 60. Higher numbers scroll faster.
  • Text size: Small, Medium or Large.
  • Description for screen readers: a short description of the strip, for customers using screen readers.
  • Color scheme: the colors of the strip.

Text block

  • Text: a short message.
  • Icon: None, Sparkle, Star, Leaf, Truck, Heart or Shield.
  • Link: makes the message a link.

The strip pauses when customers point at it. Customers who turned on reduced motion on their device see the messages without movement.

Updated 2026-10-24