Features

At a glance

Feature icons with titles and short descriptions — ideal for shipping perks, materials, or brand promises.

Where to find it

Theme editor path: Online Store → Customize → select the relevant page → Features
Add to a page: Add via Add section → category Content.

Settings

General

Setting	What it does	Default	Shows when
Section style	Controls “Section style” on the storefront. Open the theme editor to preview live.	stacked	Always

Layout

Setting	What it does	Default	Shows when
Padding top	Adds empty space (padding top) around the section content.	32	Always
Padding bottom	Adds empty space (padding bottom) around the section content.	32	Always

Separator

Setting	What it does	Default	Shows when
Show separator line	Turns “Show separator line” on or off on the storefront.	No	Always
Use global separator color	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	Show separator is on
Separator color	Controls the divider line: separator color.	#E5E5E5	Show separator is on and Use global separator color is off
Separator thickness	Controls the divider line: separator thickness.	2	Show separator is on
Separator margin top	Controls the divider line: separator margin top.	0	Show separator is on
Separator margin bottom	Controls the divider line: separator margin bottom.	0	Show separator is on

Color scheme

Setting	What it does	Default	Shows when
Color scheme	Applies a color scheme from Theme settings → Colors.	scheme-1	Always

Blocks

Block	Purpose	Limit
Column Settings	Add and configure in theme editor.	1
Header & CTA Content	Add and configure in theme editor.	1
Quote	Add and configure in theme editor.	1
Card Design	Add and configure in theme editor.	1
Feature	Add and configure in theme editor.	—

Layout

Setting	What it does	Default	Shows when
Grid gap (mobile)	Controls “Grid gap (mobile)” on the storefront. Open the theme editor to preview live.	25	Always
Grid gap (tablet)	Controls “Grid gap (tablet)” on the storefront. Open the theme editor to preview live.	25	Always
Grid gap (desktop)	Controls “Grid gap (desktop)” on the storefront. Open the theme editor to preview live.	25	Always

Mobile (up to 639px)

Setting	What it does	Default	Shows when
Enable horizontal scroll	Swipe through features. Adjust visible items to show a peek of the next card.	No	section style == 'stacked'
Visible items (mobile)	Use decimals like 1.2 to show a peek of the next item. Whole numbers show full items only.	1.2	section style == 'stacked' and Horizontal scroll (mobile) is on
How many items?	Maximum cards in the swipe track. Visible items still controls how many peek on screen. None shows every item.	none	section style == 'stacked' and Horizontal scroll (mobile) is on
Show swipe hint	Shows swipe helper text on mobile.	Yes	section style == 'stacked' and Horizontal scroll (mobile) is on
Columns (mobile)	How many columns show on phones.	1	section style == 'stacked' and Horizontal scroll (mobile) is off
How many rows?	Extra features stay in the section but are hidden on the storefront until you add more rows or choose All features.	show_all	section style == 'stacked' and Horizontal scroll (mobile) is off
Rows on mobile	Controls “Rows on mobile” on the storefront. Open the theme editor to preview live.	1	section style == 'stacked' and Horizontal scroll (mobile) is off and rows are capped

Tablet (640px – 879px)

Setting	What it does	Default	Shows when
Enable horizontal scroll	Swipe through features. Adjust visible items to show a peek of the next card.	No	section style == 'stacked'
Visible items (tablet)	Use decimals like 1.2 to show a peek of the next item. Whole numbers show full items only.	2.2	section style == 'stacked' and Horizontal scroll (tablet) is on
How many items?	Maximum cards in the swipe track. Visible items still controls how many peek on screen. None shows every item.	none	section style == 'stacked' and Horizontal scroll (tablet) is on
Show swipe hint	Shows swipe helper text on mobile.	Yes	section style == 'stacked' and Horizontal scroll (tablet) is on
Columns (tablet)	How many columns show on tablets.	2	section style == 'stacked' and Horizontal scroll (tablet) is off
How many rows?	Extra features stay in the section but are hidden on the storefront until you add more rows or choose All features.	show_all	section style == 'stacked' and Horizontal scroll (tablet) is off
Rows on tablet	Controls “Rows on tablet” on the storefront. Open the theme editor to preview live.	1	section style == 'stacked' and Horizontal scroll (tablet) is off and rows are capped

Desktop (880px+)

Setting	What it does	Default	Shows when
Enable horizontal scroll	Swipe through features. Adjust visible items to show a peek of the next card.	No	section style == 'stacked'
Visible items (desktop)	Use decimals like 1.2 to show a peek of the next item. Whole numbers show full items only.	3.2	section style == 'stacked' and Horizontal scroll (desktop) is on
How many items?	Maximum cards in the swipe track. Visible items still controls how many peek on screen. None shows every item.	none	section style == 'stacked' and Horizontal scroll (desktop) is on
Show swipe hint	Shows swipe helper text on mobile.	Yes	section style == 'stacked' and Horizontal scroll (desktop) is on
Columns (desktop)	How many columns show on desktop.	3	section style == 'stacked' and Horizontal scroll (desktop) is off
How many rows?	Extra features stay in the section but are hidden on the storefront until you add more rows or choose All features.	show_all	section style == 'stacked' and Horizontal scroll (desktop) is off
Rows on desktop	Controls “Rows on desktop” on the storefront. Open the theme editor to preview live.	1	section style == 'stacked' and Horizontal scroll (desktop) is off and rows are capped
Columns (mobile)	How many columns show on phones.	1	section style == 'split'
Columns (tablet)	How many columns show on tablets.	2	section style == 'split'
Columns (desktop)	How many columns show on desktop.	2	section style == 'split'

Header & CTA Content settings

Setting	What it does	Default	Shows when
Overline	Controls “Overline” on the storefront. Open the theme editor to preview live.	—	Always
Use global overline styles	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	Overline is filled in
Overline font size (mobile)	Sets overline font size (mobile) in pixels for the matching screen size.	12	Overline is filled in and Use global overline styles is off
Overline font size (tablet)	Sets overline font size (tablet) in pixels for the matching screen size.	13	Overline is filled in and Use global overline styles is off
Overline font size (desktop)	Sets overline font size (desktop) in pixels for the matching screen size.	14	Overline is filled in and Use global overline styles is off
Overline font weight	Sets how bold overline text appears.	500	Overline is filled in and Use global overline styles is off
Heading	Controls “Heading” on the storefront. Open the theme editor to preview live.	Why shop with us	Always
Use global H2 heading styles	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	Heading is filled in
Heading font size (mobile)	Sets heading font size (mobile) in pixels for the matching screen size.	26	Heading is filled in and Use global heading styles is off
Heading font size (tablet)	Sets heading font size (tablet) in pixels for the matching screen size.	29	Heading is filled in and Use global heading styles is off
Heading font size (desktop)	Sets heading font size (desktop) in pixels for the matching screen size.	33	Heading is filled in and Use global heading styles is off
Heading font weight	Sets how bold heading text appears.	500	Heading is filled in and Use global heading styles is off
Subheading	Controls “Subheading” on the storefront. Open the theme editor to preview live.	Everything you need for a great shopping experience	Always
Use global subheading styles	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	subHeading is filled in
Subheading font size (mobile)	Sets subheading font size (mobile) in pixels for the matching screen size.	16	Subheading is filled in and Use global subheading styles is off
Subheading font size (tablet)	Sets subheading font size (tablet) in pixels for the matching screen size.	18	Subheading is filled in and Use global subheading styles is off
Subheading font size (desktop)	Sets subheading font size (desktop) in pixels for the matching screen size.	19	Subheading is filled in and Use global subheading styles is off
Subheading max width	Controls “Subheading max width” on the storefront. Open the theme editor to preview live.	500	subHeading is filled in

Alignment

Setting	What it does	Default	Shows when
Hide heading and subheading (for accessibility)	Controls “Hide heading and subheading (for accessibility)” on the storefront. Open the theme editor to preview live.	No	Always
Content alignment	Controls “Content alignment” on the storefront. Open the theme editor to preview live.	center	Hide heading/subheading visually is off and section style == 'stacked'

CTA

Setting	What it does	Default	Shows when
Button text	Controls “Button text” on the storefront. Open the theme editor to preview live.	—	Always
Button link	Controls “Button link” on the storefront. Open the theme editor to preview live.	—	Button text is filled in
Button variant	Chooses the button look (primary, secondary, outline, or ghost).	primary	Button text is filled in
Button size	Chooses the button size from Theme settings → Button sizes.	medium	Button text is filled in
Use global button styles	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	Button text is filled in
Button background	Controls “Button background” on the storefront. Open the theme editor to preview live.	#ffffff	Button text is filled in and Use global button styles is off
Button text color	Controls “Button text color” on the storefront. Open the theme editor to preview live.	#000000	Button text is filled in and Use global button styles is off
Enable full width on mobile	Turns “Enable full width on mobile” on or off on the storefront.	No	Button text is filled in
Enable shimmer	Adds a moving highlight across the button or ribbon.	Yes	Button text is filled in

Quote

Setting	What it does	Default	Shows when
Quote	Controls “Quote” on the storefront. Open the theme editor to preview live.	—	Always
Show quotation marks	Turns “Show quotation marks” on or off on the storefront.	Yes	quote != blank
Show quote icon	Turns “Show quote icon” on or off on the storefront.	No	quote != blank
Use global text styles	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	quote != blank
Font size (mobile)	Sets font size (mobile) in pixels for the matching screen size.	16	quote != blank and quote use global text styles is off
Font size (tablet)	Sets font size (tablet) in pixels for the matching screen size.	18	quote != blank and quote use global text styles is off
Font size (desktop)	Sets font size (desktop) in pixels for the matching screen size.	19	quote != blank and quote use global text styles is off
Font weight	Sets how bold font weight text appears.	400	quote != blank and quote use global text styles is off
Max width	Controls “Max width” on the storefront. Open the theme editor to preview live.	600	quote != blank

Card design

Setting	What it does	Default	Shows when

Mobile (up to 639px)

Setting	What it does	Default	Shows when
Card style	Controls “Card style” on the storefront. Open the theme editor to preview live.	clean	Always

Tablet (640px – 879px)

Setting	What it does	Default	Shows when
Card style	Controls “Card style” on the storefront. Open the theme editor to preview live.	clean	Always

Desktop (880px+)

Setting	What it does	Default	Shows when
Card style	Controls “Card style” on the storefront. Open the theme editor to preview live.	clean	Always
Use custom background	Controls “Use custom background” on the storefront. Open the theme editor to preview live.	No	Always
Background color	Controls “Background color” on the storefront. Open the theme editor to preview live.	#FFFFFF	use custom background is on
Icon position	Controls “Icon position” on the storefront. Open the theme editor to preview live.	top	Always
Icon color	Controls “Icon color” on the storefront. Open the theme editor to preview live.	#111111	Always

Number format

Setting	What it does	Default	Shows when
Starting number	Controls “Starting number” on the storefront. Open the theme editor to preview live.	1	Always
Number padding	Adds empty space (number padding) around the section content.	0	Always
Card padding	Adds empty space (card padding) around the section content.	24	Always
Card border radius	Rounds the corners. Higher values look more pill-shaped.	12	Always
Card shadow	Controls “Card shadow” on the storefront. Open the theme editor to preview live.	none	Always
Hover effect	Controls “Hover effect” on the storefront. Open the theme editor to preview live.	none	Always

Feature typography

Setting	What it does	Default	Shows when
Use global H3 heading styles	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	Always
Label font size (mobile)	Sets label font size (mobile) in pixels for the matching screen size.	18	feature use global h3 styles is off
Label font size (tablet)	Sets label font size (tablet) in pixels for the matching screen size.	20	feature use global h3 styles is off
Label font size (desktop)	Sets label font size (desktop) in pixels for the matching screen size.	22	feature use global h3 styles is off
Label font weight	Sets how bold label text appears.	600	feature use global h3 styles is off
Use global label color	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	Always
Label color	Controls “Label color” on the storefront. Open the theme editor to preview live.	#000000	feature use global label color is off
Use global subheading styles	When on, uses the matching style from Theme settings. Turn off to style only this section or block.	Yes	Always
Subheading font size (mobile)	Sets subheading font size (mobile) in pixels for the matching screen size.	14	feature use global text styles is off
Subheading font size (tablet)	Sets subheading font size (tablet) in pixels for the matching screen size.	15	feature use global text styles is off
Subheading font size (desktop)	Sets subheading font size (desktop) in pixels for the matching screen size.	16	feature use global text styles is off
Subheading font weight	Sets how bold subheading text appears.	400	feature use global text styles is off

General

Setting	What it does	Default	Shows when
Media type	Controls “Media type” on the storefront. Open the theme editor to preview live.	icon	Always

Image

Setting	What it does	Default	Shows when
Image	Controls the image setting “Image”. Upload clear photos for best results.	—	Media type is Image
Image alt text	Optional override for accessibility.	—	Media type is Image

Mobile (up to 639px)

Setting	What it does	Default	Shows when
Image width (mobile)	Controls the image setting “Image width (mobile)”. Upload clear photos for best results.	56	Media type is Image

Tablet (640px – 879px)

Setting	What it does	Default	Shows when
Image width (tablet)	Controls the image setting “Image width (tablet)”. Upload clear photos for best results.	56	Media type is Image

Desktop (880px+)

Setting	What it does	Default	Shows when
Image width (desktop)	Controls the image setting “Image width (desktop)”. Upload clear photos for best results.	56	Media type is Image
Image aspect ratio	Controls the image setting “Image aspect ratio”. Upload clear photos for best results.	1 / 1	Media type is Image
Rounded full	Display collection images as circles.	Yes	Media type is Image
Border radius	Rounds the corners. Higher values look more pill-shaped.	0	Media type is Image and rounded full is off

Icon

Setting	What it does	Default	Shows when
Icon	Controls “Icon” on the storefront. Open the theme editor to preview live.	truck	media type == 'icon'
Icon size	Controls “Icon size” on the storefront. Open the theme editor to preview live.	32	media type == 'icon' and An icon is selected

Number

Setting	What it does	Default	Shows when
Number size	Controls “Number size” on the storefront. Open the theme editor to preview live.	32	media type == 'number'
Number color	Controls “Number color” on the storefront. Open the theme editor to preview live.	#111111	media type == 'number'

Content

Setting	What it does	Default	Shows when
Label	Controls “Label” on the storefront. Open the theme editor to preview live.	Feature	Always
Description	Controls “Description” on the storefront. Open the theme editor to preview live.	Describe this feature for your customers.	Always

Setting details

Each control from the tables above, explained simply:

Section style

Controls “Section style” on the storefront. Open the theme editor to preview live. Default: stacked.

Padding top

Adds empty space (padding top) around the section content. Default: 32.

Padding bottom

Adds empty space (padding bottom) around the section content. Default: 32.

Show separator line

Turns “Show separator line” on or off on the storefront. Default: No.

Use global separator color

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: Show separator is on.

Separator color

Controls the divider line: separator color. Default: #E5E5E5. This control appears when: Show separator is on and Use global separator color is off.

Separator thickness

Controls the divider line: separator thickness. Default: 2. This control appears when: Show separator is on.

Separator margin top

Controls the divider line: separator margin top. Default: 0. This control appears when: Show separator is on.

Separator margin bottom

Controls the divider line: separator margin bottom. Default: 0. This control appears when: Show separator is on.

Color scheme

Applies a color scheme from Theme settings → Colors. Default: scheme-1.

Grid gap (mobile)

Controls “Grid gap (mobile)” on the storefront. Open the theme editor to preview live. Default: 25.

Grid gap (tablet)

Controls “Grid gap (tablet)” on the storefront. Open the theme editor to preview live. Default: 25.

Grid gap (desktop)

Controls “Grid gap (desktop)” on the storefront. Open the theme editor to preview live. Default: 25.

Enable horizontal scroll

Swipe through features. Adjust visible items to show a peek of the next card. Default: No. This control appears when: section style == 'stacked'.

Use decimals like 1.2 to show a peek of the next item. Whole numbers show full items only. Default: 1.2. This control appears when: section style == 'stacked' and Horizontal scroll (mobile) is on.

How many items?

Maximum cards in the swipe track. Visible items still controls how many peek on screen. None shows every item. Default: none. This control appears when: section style == 'stacked' and Horizontal scroll (mobile) is on.

Show swipe hint

Shows swipe helper text on mobile. Default: Yes. This control appears when: section style == 'stacked' and Horizontal scroll (mobile) is on.

Columns (mobile)

How many columns show on phones. Default: 1. This control appears when: section style == 'stacked' and Horizontal scroll (mobile) is off.

How many rows?

Extra features stay in the section but are hidden on the storefront until you add more rows or choose All features. Default: show_all. This control appears when: section style == 'stacked' and Horizontal scroll (mobile) is off.

Rows on mobile

Controls “Rows on mobile” on the storefront. Open the theme editor to preview live. Default: 1. This control appears when: section style == 'stacked' and Horizontal scroll (mobile) is off and rows mode mobile == 'cap'.

Enable horizontal scroll

Swipe through features. Adjust visible items to show a peek of the next card. Default: No. This control appears when: section style == 'stacked'.

Visible items (tablet)

Use decimals like 1.2 to show a peek of the next item. Whole numbers show full items only. Default: 2.2. This control appears when: section style == 'stacked' and Horizontal scroll (tablet) is on.

How many items?

Show swipe hint

Shows swipe helper text on mobile. Default: Yes. This control appears when: section style == 'stacked' and Horizontal scroll (tablet) is on.

Columns (tablet)

How many columns show on tablets. Default: 2. This control appears when: section style == 'stacked' and Horizontal scroll (tablet) is off.

How many rows?

Rows on tablet

Controls “Rows on tablet” on the storefront. Open the theme editor to preview live. Default: 1. This control appears when: section style == 'stacked' and Horizontal scroll (tablet) is off and rows mode tablet == 'cap'.

Enable horizontal scroll

Swipe through features. Adjust visible items to show a peek of the next card. Default: No. This control appears when: section style == 'stacked'.

Visible items (desktop)

Use decimals like 1.2 to show a peek of the next item. Whole numbers show full items only. Default: 3.2. This control appears when: section style == 'stacked' and Horizontal scroll (desktop) is on.

How many items?

Show swipe hint

Shows swipe helper text on mobile. Default: Yes. This control appears when: section style == 'stacked' and Horizontal scroll (desktop) is on.

Columns (desktop)

How many columns show on desktop. Default: 3. This control appears when: section style == 'stacked' and Horizontal scroll (desktop) is off.

How many rows?

Rows on desktop

Controls “Rows on desktop” on the storefront. Open the theme editor to preview live. Default: 1. This control appears when: section style == 'stacked' and Horizontal scroll (desktop) is off and rows mode desktop == 'cap'.

Columns (mobile)

How many columns show on phones. Default: 1. This control appears when: section style == 'split'.

Columns (tablet)

How many columns show on tablets. Default: 2. This control appears when: section style == 'split'.

Columns (desktop)

How many columns show on desktop. Default: 2. This control appears when: section style == 'split'.

Overline

Controls “Overline” on the storefront. Open the theme editor to preview live. Default: —.

Use global overline styles

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: Overline is filled in.

Overline font size (mobile)

Sets overline font size (mobile) in pixels for the matching screen size. Default: 12. This control appears when: Overline is filled in and Use global overline styles is off.

Overline font size (tablet)

Sets overline font size (tablet) in pixels for the matching screen size. Default: 13. This control appears when: Overline is filled in and Use global overline styles is off.

Overline font size (desktop)

Sets overline font size (desktop) in pixels for the matching screen size. Default: 14. This control appears when: Overline is filled in and Use global overline styles is off.

Overline font weight

Sets how bold overline text appears. Default: 500. This control appears when: Overline is filled in and Use global overline styles is off.

Heading

Controls “Heading” on the storefront. Open the theme editor to preview live. Default: Why shop with us.

Use global H2 heading styles

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: Heading is filled in.

Heading font size (mobile)

Sets heading font size (mobile) in pixels for the matching screen size. Default: 26. This control appears when: Heading is filled in and Use global heading styles is off.

Heading font size (tablet)

Sets heading font size (tablet) in pixels for the matching screen size. Default: 29. This control appears when: Heading is filled in and Use global heading styles is off.

Heading font size (desktop)

Sets heading font size (desktop) in pixels for the matching screen size. Default: 33. This control appears when: Heading is filled in and Use global heading styles is off.

Heading font weight

Sets how bold heading text appears. Default: 500. This control appears when: Heading is filled in and Use global heading styles is off.

Subheading

Controls “Subheading” on the storefront. Open the theme editor to preview live. Default: Everything you need for a great shopping experience.

Use global subheading styles

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: subHeading is filled in.

Subheading font size (mobile)

Sets subheading font size (mobile) in pixels for the matching screen size. Default: 16. This control appears when: Subheading is filled in and Use global subheading styles is off.

Subheading font size (tablet)

Sets subheading font size (tablet) in pixels for the matching screen size. Default: 18. This control appears when: Subheading is filled in and Use global subheading styles is off.

Subheading font size (desktop)

Sets subheading font size (desktop) in pixels for the matching screen size. Default: 19. This control appears when: Subheading is filled in and Use global subheading styles is off.

Subheading max width

Controls “Subheading max width” on the storefront. Open the theme editor to preview live. Default: 500. This control appears when: subHeading is filled in.

Hide heading and subheading (for accessibility)

Controls “Hide heading and subheading (for accessibility)” on the storefront. Open the theme editor to preview live. Default: No.

Content alignment

Controls “Content alignment” on the storefront. Open the theme editor to preview live. Default: center. This control appears when: Hide heading/subheading visually is off and section style == 'stacked'.

Button text

Controls “Button text” on the storefront. Open the theme editor to preview live. Default: —.

Button link

Controls “Button link” on the storefront. Open the theme editor to preview live. Default: —. This control appears when: Button text is filled in.

Button variant

Chooses the button look (primary, secondary, outline, or ghost). Default: primary. This control appears when: Button text is filled in.

Button size

Chooses the button size from Theme settings → Button sizes. Default: medium. This control appears when: Button text is filled in.

Use global button styles

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: Button text is filled in.

Button background

Controls “Button background” on the storefront. Open the theme editor to preview live. Default: #ffffff. This control appears when: Button text is filled in and Use global button styles is off.

Button text color

Controls “Button text color” on the storefront. Open the theme editor to preview live. Default: #000000. This control appears when: Button text is filled in and Use global button styles is off.

Enable full width on mobile

Turns “Enable full width on mobile” on or off on the storefront. Default: No. This control appears when: Button text is filled in.

Enable shimmer

Adds a moving highlight across the button or ribbon. Default: Yes. This control appears when: Button text is filled in.

Quote

Controls “Quote” on the storefront. Open the theme editor to preview live. Default: —.

Show quotation marks

Turns “Show quotation marks” on or off on the storefront. Default: Yes. This control appears when: quote != blank.

Show quote icon

Turns “Show quote icon” on or off on the storefront. Default: No. This control appears when: quote != blank.

Use global text styles

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes. This control appears when: quote != blank.

Font size (mobile)

Sets font size (mobile) in pixels for the matching screen size. Default: 16. This control appears when: quote != blank and quote use global text styles is off.

Font size (tablet)

Sets font size (tablet) in pixels for the matching screen size. Default: 18. This control appears when: quote != blank and quote use global text styles is off.

Font size (desktop)

Sets font size (desktop) in pixels for the matching screen size. Default: 19. This control appears when: quote != blank and quote use global text styles is off.

Font weight

Sets how bold font weight text appears. Default: 400. This control appears when: quote != blank and quote use global text styles is off.

Max width

Controls “Max width” on the storefront. Open the theme editor to preview live. Default: 600. This control appears when: quote != blank.

Card style

Controls “Card style” on the storefront. Open the theme editor to preview live. Default: clean.

Card style

Controls “Card style” on the storefront. Open the theme editor to preview live. Default: clean.

Card style

Controls “Card style” on the storefront. Open the theme editor to preview live. Default: clean.

Use custom background

Controls “Use custom background” on the storefront. Open the theme editor to preview live. Default: No.

Background color

Controls “Background color” on the storefront. Open the theme editor to preview live. Default: #FFFFFF. This control appears when: use custom background is on.

Icon position

Controls “Icon position” on the storefront. Open the theme editor to preview live. Default: top.

Icon color

Controls “Icon color” on the storefront. Open the theme editor to preview live. Default: #111111.

Starting number

Controls “Starting number” on the storefront. Open the theme editor to preview live. Default: 1.

Number padding

Adds empty space (number padding) around the section content. Default: 0.

Card padding

Adds empty space (card padding) around the section content. Default: 24.

Card border radius

Rounds the corners. Higher values look more pill-shaped. Default: 12.

Card shadow

Controls “Card shadow” on the storefront. Open the theme editor to preview live. Default: none.

Hover effect

Controls “Hover effect” on the storefront. Open the theme editor to preview live. Default: none.

Use global H3 heading styles

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes.

Label font size (mobile)

Sets label font size (mobile) in pixels for the matching screen size. Default: 18. This control appears when: feature use global h3 styles is off.

Label font size (tablet)

Sets label font size (tablet) in pixels for the matching screen size. Default: 20. This control appears when: feature use global h3 styles is off.

Label font size (desktop)

Sets label font size (desktop) in pixels for the matching screen size. Default: 22. This control appears when: feature use global h3 styles is off.

Label font weight

Sets how bold label text appears. Default: 600. This control appears when: feature use global h3 styles is off.

Use global label color

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes.

Label color

Controls “Label color” on the storefront. Open the theme editor to preview live. Default: #000000. This control appears when: feature use global label color is off.

Use global subheading styles

When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes.

Subheading font size (mobile)

Sets subheading font size (mobile) in pixels for the matching screen size. Default: 14. This control appears when: feature use global text styles is off.

Subheading font size (tablet)

Sets subheading font size (tablet) in pixels for the matching screen size. Default: 15. This control appears when: feature use global text styles is off.

Subheading font size (desktop)

Sets subheading font size (desktop) in pixels for the matching screen size. Default: 16. This control appears when: feature use global text styles is off.

Subheading font weight

Sets how bold subheading text appears. Default: 400. This control appears when: feature use global text styles is off.

Media type

Controls “Media type” on the storefront. Open the theme editor to preview live. Default: icon.

Image

Controls the image setting “Image”. Upload clear photos for best results. Default: —. This control appears when: Media type is Image.

Image alt text

Optional override for accessibility. Default: —. This control appears when: Media type is Image.

Image width (mobile)

Controls the image setting “Image width (mobile)”. Upload clear photos for best results. Default: 56. This control appears when: Media type is Image.

Image width (tablet)

Controls the image setting “Image width (tablet)”. Upload clear photos for best results. Default: 56. This control appears when: Media type is Image.

Image width (desktop)

Controls the image setting “Image width (desktop)”. Upload clear photos for best results. Default: 56. This control appears when: Media type is Image.

Image aspect ratio

Controls the image setting “Image aspect ratio”. Upload clear photos for best results. Default: 1 / 1. This control appears when: Media type is Image.

Rounded full

Display collection images as circles. Default: Yes. This control appears when: Media type is Image.

Border radius

Rounds the corners. Higher values look more pill-shaped. Default: 0. This control appears when: Media type is Image and rounded full is off.

Icon

Controls “Icon” on the storefront. Open the theme editor to preview live. Default: truck. This control appears when: media type == 'icon'.

Icon size

Controls “Icon size” on the storefront. Open the theme editor to preview live. Default: 32. This control appears when: media type == 'icon' and An icon is selected.

Number size

Controls “Number size” on the storefront. Open the theme editor to preview live. Default: 32. This control appears when: media type == 'number'.

Number color

Controls “Number color” on the storefront. Open the theme editor to preview live. Default: #111111. This control appears when: media type == 'number'.

Label

Controls “Label” on the storefront. Open the theme editor to preview live. Default: Feature.

Description

Controls “Description” on the storefront. Open the theme editor to preview live. Default: Describe this feature for your customers..

Tips

Open the theme editor and select this section to preview changes live.
Use Theme settings for fonts, colors, and buttons that apply store-wide.