Popular categories

Layout, content and available controls for Popular categories.

Scale Theme · v1.9.3 · 1 min read

Where to find it

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

Available content blocks

Category

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 merge 2 sections. ID can also be put inside any button link and the button will scroll to this section.
Display on: Choose the presentation or source that fits this component.Options: All devices · Desktop only · Mobile only
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.
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
Saved 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.
Card color style: Choose how the category cards are colored. Card defaults use the global card palette. Custom changes only these cards.Options: Card defaults · Custom
Card backgroundConditional: Choose a local color when the relevant custom source is enabled.
Card textConditional: Choose a local color when the relevant custom source is enabled.
Card borderConditional: Choose a local color when the relevant custom source is enabled.
Use custom colors for this sectionConditional: Legacy setting retained for saved sections.
Custom backgroundConditional: Choose a local color when the relevant custom source is enabled.
Custom textConditional: Choose a local color when the relevant custom source is enabled.
Custom headingConditional: Choose a local color when the relevant custom source is enabled.
Custom accentConditional: Choose a local color when the relevant custom source is enabled.
Custom borderConditional: Choose a local color when the relevant custom source is enabled.
Text colorConditional: Choose a local color when the relevant custom source is enabled.
Card text colorConditional: Choose a local color when the relevant custom source is enabled.
Max width: Adjust within the range offered by the theme editor.
Heading size: Adjust within the range offered by the theme editor.
Heading size mobile: Adjust within the range offered by the theme editor.
Card title size: Adjust within the range offered by the theme editor.
Card height: Adjust within the range offered by the theme editor.
Card height mobile: Adjust within the range offered by the theme editor.
Gap: Adjust within the range offered by the theme editor.
Overlay opacity: Adjust within the range offered by the theme editor.
Top padding: Adjust within the range offered by the theme editor.
Bottom padding: Adjust within the range offered by the theme editor.