Old way vs new way

Where to find it

Available content blocks

• Old way item

Editor controls

Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.

Display section ID

Enable or disable this option and preview the result.

Display on

Choose the presentation or source that fits this component.Options: All devices · Desktop only · Mobile only

Eyebrow

Edit the text shown by this component.

Show eyebrow marks

Enable or disable this option and preview the result.

Heading

Edit the text shown by this component.

Accent heading

Edit the text shown by this component.

Description

Edit the formatted text for this component.

Image

Optional. The content expands automatically when no image is selected.

Image alt text

Leave blank to use the image alt text from Shopify.

Image badge

Edit the text shown by this component.

Comparison accessibility label

Edit the text shown by this component.

Old way label

Edit the text shown by this component.

New way label

Edit the text shown by this component.

New way title

Edit the text shown by this component.

New way price

Edit the text shown by this component.

New way description

Edit the formatted text for this component.

Button label

Edit the text shown by this component.

Button link

Choose the destination for this link or button.

Show button arrow

Enable or disable this option and preview the result.

Image position

Choose the presentation or source that fits this component.Options: Left · Right

Content alignment

Choose the presentation or source that fits this component.Options: Left · Center

Image aspect ratio

Choose the presentation or source that fits this component.Options: Natural · Portrait · Square · Landscape

Image focal position

Choose the presentation or source that fits this component.Options: Center · Top · Bottom · Left · Right

Color source

Theme colors follow Theme settings > Colors. Other sources apply only to this section.Options: Use theme colors · Choose a color scheme · Set custom colors

Color schemeConditional

Choose an available Shopify color scheme.

BackgroundConditional

Choose a local color when the relevant custom source is enabled.

HeadingConditional

Choose a local color when the relevant custom source is enabled.

TextConditional

Choose a local color when the relevant custom source is enabled.

AccentConditional

Choose a local color when the relevant custom source is enabled.

Accent textConditional

Choose a local color when the relevant custom source is enabled.

BorderConditional

Choose a local color when the relevant custom source is enabled.

Card backgroundConditional

Choose a local color when the relevant custom source is enabled.

Comparison color source

Choose the presentation or source that fits this component.Options: Theme colors · Custom red and green

Old way backgroundConditional

Choose a local color when the relevant custom source is enabled.

Old way accentConditional

Choose a local color when the relevant custom source is enabled.

Old way textConditional

Choose a local color when the relevant custom source is enabled.

New way backgroundConditional

Choose a local color when the relevant custom source is enabled.

New way accentConditional

Choose a local color when the relevant custom source is enabled.

New way textConditional

Choose a local color when the relevant custom source is enabled.

Button style

Edit shared Primary, Secondary, and Tertiary styles in Theme settings > Buttons. Featured and Link use this section's colors.Options: Primary · Secondary · Tertiary · Featured · Link

Content width

Adjust within the range offered by the theme editor.

Image column width

Adjust within the range offered by the theme editor.

Column gap

Adjust within the range offered by the theme editor.

Corner radius

Adjust within the range offered by the theme editor.

Desktop top spacing

Adjust within the range offered by the theme editor.

Desktop bottom spacing

Adjust within the range offered by the theme editor.

Mobile top spacing

Adjust within the range offered by the theme editor.

Mobile bottom spacing

Adjust within the range offered by the theme editor.