Collection list

Layout, content and available controls for Collection list.

Scale Theme · v1.9.3 · 1 min read

Where to find it

Add this section from the theme editor on a supported template.

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
Collections: Use the matching control in the theme editor and preview the component before publishing.
Heading: Use bold or italic in this heading to apply the global Heading DNA accent style. Change it in Theme settings > Typography.
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 accent color source: Global accent styling is managed in Theme settings > Typography; choose Custom for a local color.Options: Heading DNA · Custom
Custom accent colorConditional: Choose a local color when the relevant custom source is enabled.
Text: Edit the text shown by this component.
Show heading area: Enable or disable this option and preview the result.
Card eyebrow: Edit the text shown by this component.
Card title source: Choose the presentation or source that fits this component.Options: Shared custom title · Collection title
Shared card titleConditional: Edit the text shown by this component.
Card link label: Edit the text shown by this component.
Use premium three-card layout: Uses the wide three-card composition, balanced gap and square media proportions.
Grid max widthConditional: Adjust within the range offered by the theme editor.
Heading size desktop: Adjust within the range offered by the theme editor.
Heading size mobile: Adjust within the range offered by the theme editor.
Card title size desktop: Adjust within the range offered by the theme editor.
Card title size mobile: Adjust within the range offered by the theme editor.
Card height desktop: Adjust within the range offered by the theme editor.
Card height mobile: Adjust within the range offered by the theme editor.
Card corner radius: Adjust within the range offered by the theme editor.
Image hover zoom: Adjust within the range offered by the theme editor.
Overlay opacity: 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
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.