Where to find it
In Online Store → Themes, open the unpublished theme editor, choose a compatible template, then Add section → Complete the look. Availability follows the selected template and section group.
This section is not available in the Header group, the Overlay group.
Set it up
- Choose the scene Image and select Split or Products below.
- Add a Product block for each item actually shown or intended as a companion. Set Selected by default deliberately.
- Adjust Split structure or the relevant product columns to match the chosen layout.
- Review Show select all, Add selected button label and the optional vendor, rating and sale indicators.
- Test the chosen variants and the add-selected action in preview; the scene itself is not a new product or automatic discount.
Main settings to review
| Setting | Choices or control |
|---|---|
| Image | Choose an image |
| Image ratio | Natural · Square · Portrait (4:5) · Landscape (16:9) |
| Layout | Split · Products below |
| Split structure | Products left · Products right |
| Mobile product layout | Stack · Horizontal scroll |
| Show select all | On / Off |
Blocks and content
This section allows up to 8 direct blocks. Nested blocks have their own parent-specific choices and limits.
- Product: configure this inside the section. Its available controls are listed below.
Content and media
- Use a scene in which the selected items are easy to identify. The product cards use the products' own media.
- Choose a supported scene ratio that preserves the full arrangement; do not bake prices into the image.
Check the mobile layout
- Choose Stack or Horizontal scroll for products and review Mobile product width. The shared selection controls need to remain visible and usable.
Common questions and fixes
- A scene has no products: add Product blocks and select available products.
- An item cannot be added: check its selected variant, stock and the current selection.
Full control reference
Names, choices, ranges and defaults below are read from this version of the theme. Defaults are starting examples, not promises about your business. Some controls appear only for the matching layout. Block contents and preset starting values can differ from the base defaults.
All section controls (36)
| Setting | Control or choices | Default and guidance |
|---|---|---|
| Width / Section width | Page width · Full width · Custom width | Default: Page width. |
| Width / Custom width | 50–100 %; step 5 | Default: 80. Percentage of screen width. This control appears only when the relevant layout or related option is selected. |
| Introduction / Text above heading | Text | Default: STYLE THE SET. |
| Introduction / Heading | Formatted inline text | Default: Complete the look. |
| Introduction / Text | Formatted text | Default: Pair considered pieces to create a complete look.. |
| Introduction / Alignment | Left / Center / Right | Default: left. |
| Scene image / Image | Choose an image | Default: Not set. |
| Scene image / Image alt text | Text | Default: Not set. |
| Scene image / Image ratio | Natural · Square · Portrait (4:5) · Landscape (16:9) | Default: Landscape (16:9). |
| Layout / Layout | Split · Products below | Default: Split. |
| Layout / Split structure | Products left · Products right | Default: Products left. This control appears only when the relevant layout or related option is selected. |
| Layout / Editorial product columns | 1 · 2 | Default: 2. This control appears only when the relevant layout or related option is selected. |
| Layout / Look builder product columns | 2–4; step 1 | Default: 3. This control appears only when the relevant layout or related option is selected. |
| Layout / Product columns on desktop | 1–4; step 1 | Default: 4. This control appears only when the relevant layout or related option is selected. |
| Layout / Desktop gap | 0–48 px; step 4 | Default: 16. |
| Layout / Mobile gap | 0–32 px; step 2 | Default: 12. |
| Layout / Mobile product layout | Stack · Horizontal scroll | Default: Horizontal scroll. |
| Layout / Mobile product width | 60–92 %; step 2 | Default: 78. This control appears only when the relevant layout or related option is selected. |
| Product cards / Show vendor | On / Off | Default: Off. |
| Product cards / Show rating | On / Off | Default: On. |
| Product cards / Show sale badge | On / Off | Default: On. |
| Product cards / Show select all | On / Off | Default: On. |
| Product cards / Add selected button label | Text | Default: Add selected to cart. |
| Media / Section background image | Choose an image | Default: Not set. |
| Media / Section background position | Image focal point · Top · Center · Bottom | Default: Image focal point. This control appears only when the relevant layout or related option is selected. |
| Media / Section background behavior | Scroll with section · Fixed to viewport | Default: Scroll with section. This control appears only when the relevant layout or related option is selected. |
| Media / Section background overlay | 0–80 %; step 5 | Default: 0. This control appears only when the relevant layout or related option is selected. |
| Style / Color scheme | Choose a color scheme | Default: background. |
| Style / Corner radius | 0–32 px; step 2 | Default: 8. |
| Style / Top padding | 0–160 px; step 4 | Default: 64. |
| Style / Bottom padding | 0–160 px; step 4 | Default: 64. |
| Style / Mobile padding top | 0–120 px; step 4 | Default: 40. |
| Style / Mobile padding bottom | 0–120 px; step 4 | Default: 40. |
| Advanced / Hide on desktop | On / Off | Default: Off. This control appears only when the relevant layout or related option is selected. |
| Advanced / Hide on mobile | On / Off | Default: Off. This control appears only when the relevant layout or related option is selected. |
| Advanced / Section anchor | Text | Default: Not set. Optional. Use a unique name for links that jump to this section. |
Product block controls (2)
| Setting | Control or choices | Default and guidance |
|---|---|---|
| Product | Choose a product | Default: Not set. |
| Selected by default | On / Off | Default: On. |