Build a bundle

Layout, content and available controls for Build a bundle.

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

Product

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
Heading: Edit the text and use supported inline formatting.
Description: Edit the formatted text for this component.
Total label: Edit the text shown by this component.
Button label: Edit the text shown by this component.
JavaScript fallback text: Edit the text shown by this component.
Content width: Adjust within the range offered by the theme editor.
Selection panel width: Adjust within the range offered by the theme editor.
Mobile product images: Choose the presentation or source that fits this component.Options: Grid · Swipe row
Show plus signs between images: Enable or disable this option and preview the result.
Show compare-at prices: Enable or disable this option and preview the result.
Show variant selectors: Enable or disable this option and preview the result.
Show selector for single-variant productsConditional: Enable or disable this option and preview the result.
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.
TextConditional: Choose a local color when the relevant custom source is enabled.
DescriptionConditional: Choose a local color when the relevant custom source is enabled.
Panel backgroundConditional: Choose a local color when the relevant custom source is enabled.
BordersConditional: Choose a local color when the relevant custom source is enabled.
Checkbox and plus signsConditional: Choose a local color when the relevant custom source is enabled.
Compare-at pricesConditional: Choose a local color when the relevant custom source is enabled.
Button style: Choose the presentation or source that fits this component.Options: Primary · Secondary · Featured theme button · Custom
Button backgroundConditional: Choose a local color when the relevant custom source is enabled.
Button textConditional: Choose a local color when the relevant custom source is enabled.
Button borderConditional: Choose a local color when the relevant custom source is enabled.
Button hover backgroundConditional: Choose a local color when the relevant custom source is enabled.
Button hover textConditional: Choose a local color when the relevant custom source is enabled.
Heading size: Adjust within the range offered by the theme editor.
Mobile heading size: Adjust within the range offered by the theme editor.
Image radius: Adjust within the range offered by the theme editor.
Panel radius: Adjust within the range offered by the theme editor.
Panel padding: Adjust within the range offered by the theme editor.
Product row spacing: Adjust within the range offered by the theme editor.
Image / panel gap: Adjust within the range offered by the theme editor.
Button minimum height: Adjust within the range offered by the theme editor.
Button radius: 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.
Unselected image opacity: Adjust within the range offered by the theme editor.
Animate selection changes: Enable or disable this option and preview the result.