Content blocks

Written in stage 2

What this is for, when to use it, its layouts, screenshots and examples. Everything below is generated from the theme’s schema, so it always matches the theme editor.

Group

Used in: and in the 8 sections that accept any theme block.

Accepts:

• Any theme block

Setting	Type	Default	Options and range
Layout direction	Select	Vertical	Horizontal Vertical
Alignment Shown when Layout direction is Vertical.	Select	Left	Left Center Right
Padding	Range	0 px	0–200 px, step 2

• Column — Category: Layout
  Starts with: empty
• Row — Category: Layout
  Starts with: empty

Heading

Used in: and in the 8 sections that accept any theme block.

Setting	Type	Default	Options and range
Text Make a word italic to emphasize it.	Inline rich text	Heading
Text style	Select	Heading 2	Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6
Size	Select	Large	Extra large Large Medium Small
Italic text	Select	Highlight	Highlight Italic
Highlight color Leave empty to use the color scheme’s highlight. Shown when Italic text is Highlight.	Color	—
Alignment	Text alignment	Left

• Heading
  Starts with: empty

Text

Used in: Cart drawer, Quick view and in the 8 sections that accept any theme block.

Setting	Type	Default	Options and range
Text	Text	Text
Text style	Select	Title	Title Subtitle Normal text Eyebrow
Alignment	Text alignment	Left

• Text
  Starts with: empty

Button

Used in: 404 page, Password page, Product sheet and in the 8 sections that accept any theme block.

Setting	Type	Default	Options and range
Text	Text	Shop now
Link	Link	—
Style Glass is made to sit over a photograph. On a plain background, use Ink, Outline or Blush.	Select	Ink	Ink Light Outline Glass Blush
Size	Select	Medium	Medium Small
Show arrow	Checkbox	On

• Button
  Starts with: empty

Image

Used in: and in the 8 sections that accept any theme block.

Setting	Type	Default	Options and range
Image	Image	—
Alt text Describe the image for screen readers. Leave empty to use the description saved with the image.	Text	—
Link	Link	—
Width A share of the space the block sits in, so it reads the same in a wide section and in a menu column.	Range	100 %	10–100 %, step 5

• Image
  Starts with: empty

Video

Used in: Video and in the 8 sections that accept any theme block.

Setting	Type	Default	Options and range
Video	Video	—
Mobile video Shown on screens narrower than 750 px. A portrait video fills a phone without cropping. Leave empty to use the video above on every screen. Shown when the section’s layout is “overlay”.	Video	—
Video link Used when no video is uploaded. The player loads only after a customer presses play.	Video link	https://www.youtube.com/watch?v=_9VUPq3SxOc
Cover image Shown before the video plays. Falls back to the video’s own preview image.	Image	—
Video description Describes the video for customers using a screen reader.	Text	—
Image ratio Shown when the section’s layout is not “overlay”.	Select	Widescreen	Adapt to image Square Portrait Widescreen
Playback
Play automatically Autoplaying videos are muted, and never play for customers who ask their device to reduce motion.	Checkbox	Off
Loop	Checkbox	Off
Show playback controls Shown when the section’s layout is not “overlay”.	Checkbox	On

• Video
  Starts with: empty

Icon

Used in: and in the 8 sections that accept any theme block.

Setting	Type	Default	Options and range
Icon	Select	Star	Arrow right Cart Check Heart Home Search Star
Size	Range	32 px	16–96 px, step 4

• Icon
  Starts with: empty

Chip

Used in: and in the 8 sections that accept any theme block.

Setting	Type	Default	Options and range
Text	Text	Members only
Show dot	Checkbox	On
Pulse the dot Follows the theme’s motion setting and the visitor’s reduced-motion preference. Shown when Show dot is on.	Checkbox	On
Color scheme	Color scheme	Scheme 1

• Chip
  Starts with: empty

Accordion

Used in: Featured product, Product and in the 8 sections that accept any theme block.

Accepts:

• Row

Setting	Type	Default	Options and range
Open one row at a time Opening a row closes the others.	Checkbox	On

• Accordion
  Starts with: Row, Row, Row

Row

Used in: Accordion and in the 8 sections that accept any theme block.

Accepts:

• Any theme block

Setting	Type	Default	Options and range
Heading	Text	Question
Content	Rich text	Answer this question for your customers.
Open by default	Checkbox	Off

Marquee

Used in: Marquee and in the 8 sections that accept any theme block.

Setting	Type	Default	Options and range
Phrases One phrase per line. The line repeats as it drifts.	Multiline text	Wool from Biella Linen from northern France Leather from Tuscany Sewn in the studio Free repairs for two years
Show dot between phrases	Checkbox	On
Space between repeats	Range	40 px	16–96 px, step 4
Speed	Range	36 px/s	10–200 px/s, step 2
React to scrolling Scrolling speeds the text up and turns it with the scroll direction. Ignored when animation is off.	Checkbox	On

• Marquee
  Starts with: empty

Breadcrumbs

Used in: and in the 8 sections that accept any theme block.

Setting	Type	Default	Options and range
Content
Show home link	Checkbox	On
Home link style	Select	Text	Text Icon Icon and text
Separator	Select	Chevron	Chevron Slash Dot Dash Arrow
Show current page When off, the trail ends at the parent page.	Checkbox	On
Current page style	Select	Emphasized	Emphasized Same as links
Maximum title length Longer titles end with an ellipsis.	Range	28 ch	12–48 ch, step 4
Current page name Replaces the current page’s name. On metaobject pages, connect it to a field.	Text	—
Hierarchy
Build the trail from a menu Adds the parent links a page has in the menu, like Women › Dresses.	Checkbox	On
Menu Choose any menu. A menu you don’t show in the header lets breadcrumbs follow their own hierarchy. Shown when Build the trail from a menu is on.	Menu	main-menu
Parent link Adds one parent link when the menu doesn’t include this page.	Link	—
Parent link label Shown when Parent link is set.	Text	—
Product pages
Product collection Connect a collection metafield to choose each product’s collection. Used when the customer didn’t arrive from a collection.	Collection	—
When no collection is found Used when the menu and the collection setting don’t place the product.	Select	Use the product’s first collection	Use the product’s first collection Show the product only
Collection and blog pages
Show tag filter	Checkbox	On
Show page number	Checkbox	On
Layout
Layout on mobile Single line opens scrolled to the current page.	Select	Single line, swipeable	Wrap Single line, swipeable Back link to parent
Style
Font	Select	Body	Body Heading
Text size	Select	Small	Small Medium Large
Text case	Select	Default	Default Uppercase
Link effect	Select	Underline	Underline None
Divider line	Select	None	None Below Above and below
Search engines
Add breadcrumb data for search engines Search engines receive the same trail customers see. Leave off in a block if the page also has the Breadcrumbs section.	Checkbox	Off

• Breadcrumbs
  Starts with: empty

Spacer

Used in: and in the 8 sections that accept any theme block.

Setting	Type	Default	Options and range
Spacing	Range	24 px	0–200 px, step 4

• Spacer
  Starts with: empty

Divider

Used in: Quick view and in the 8 sections that accept any theme block.

No settings.

• Divider
  Starts with: empty