Listicle page

Layout, content and available controls for Listicle page.

Scale Theme · v1.9.3 · 1 min read

Where to find it

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

Usage notes

Build the complete listicle by arranging the content blocks below. Assign the page.listicle template to a Shopify page.

Available content blocks

Intro heading
Author
Listicle item
Text section
Offer bar
Button
Divider

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
Show breadcrumbs: Enable or disable this option and preview the result.
Home labelConditional: Edit the text shown by this component.
Current page labelConditional: Edit the text shown by this component.
Content width: Adjust within the range offered by the theme editor.
Content block gap: Adjust within the range offered by the theme editor.
Image and text gap: Adjust within the range offered by the theme editor.
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.
Card backgroundConditional: Choose a local color when the relevant custom source is enabled.
BorderConditional: Choose a local color when the relevant custom source is enabled.
Desktop top padding: Adjust within the range offered by the theme editor.
Desktop bottom padding: Adjust within the range offered by the theme editor.
Mobile top padding: Adjust within the range offered by the theme editor.
Mobile bottom padding: Adjust within the range offered by the theme editor.