Collection list

Layout, content and available controls for Collection list.

Scale Theme · v1.9.3 · 1 min read

Where to find it

This is a template or group section. Open its existing template or group in the theme editor.

Editor controls

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

Display section ID: ID is used in the Sections group section to create anchor links. Toggle on to show a copy button on this section.
Display on: Choose the presentation or source that fits this component.Options: All devices · Desktop only · Mobile only
Show heading area: Enable or disable this option and preview the result.
HeadingConditional: Use Bold or Italic to apply the global Heading highlight style.
Accent effect: Highlight adds a slanted color plate behind bold or italic heading text. The existing accent color controls set its background.Options: Theme setting · Highlight
Heading highlight colorConditional: Choose the presentation or source that fits this component.Options: Theme typography · Custom
Custom highlight colorConditional: Choose a local color when the relevant custom source is enabled.
TextConditional: Edit the text shown by this component.
Card eyebrow: Edit the text shown by this component.
Use each collection title: Enable or disable this option and preview the result.
Shared card titleConditional: Edit the text shown by this component.
Card link label: Edit the text shown by this component.
Collections to show: Adjust within the range offered by the theme editor.
Card gap: Adjust within the range offered by the theme editor.
Card corner radius: Adjust within the range offered by the theme editor.
Overlay opacity: Adjust within the range offered by the theme editor.
Image hover zoom: Adjust within the range offered by the theme editor.
Type: Choose the presentation or source that fits this component.Options: Grid · Carousel · Bento · Editorial
Carousel on mobileConditional: Enable or disable this option and preview the result.
ColumnsConditional: Adjust within the range offered by the theme editor.
Mobile columnsConditional: Choose the presentation or source that fits this component.Options: 1 · 2
Horizontal gapConditional: Adjust within the range offered by the theme editor.
GapConditional: Adjust within the range offered by the theme editor.
Vertical gapConditional: Adjust within the range offered by the theme editor.
Collection countConditional: Adjust within the range offered by the theme editor.
IconConditional: Choose the presentation or source that fits this component.Options: Arrows · Chevrons · Large arrows · Large chevrons · None
Icon backgroundConditional: Choose the presentation or source that fits this component.Options: None · Circle · Square
Width: Choose the presentation or source that fits this component.Options: Page · Full
Gap: Adjust within the range offered by the theme editor.
Color scheme: Choose an available Shopify color scheme.
Top: Adjust within the range offered by the theme editor.
Bottom: Adjust within the range offered by the theme editor.