Documentation/ Sections /Bundle lookbook
Contact us
Install
03GENERAL

Bundle lookbook

This page explains how “Bundle lookbook” actually behaves, which data it depends on, and what its settings change.

WHAT IT DOES

Bundle lookbook

This page explains how “Bundle lookbook” actually behaves, which data it depends on, and what its settings change.

Used in templates
product.morning-routine.jsonproduct.night-routine.json
IMPLICIT BEHAVIOR

What the theme does automatically

  • →

    Add to cart uses Shopify’s cart. Price, inventory, and availability remain controlled by Shopify.

CONFIGURATION

Understand the settings

Shopify bundle

Select the parent product created with Shopify Bundles. Add each child product as a block; the section automatically displays only the child variants included in the parent bundle.

Parent bundle productbundle_product

Select the parent product created in Shopify Bundles, not one of its components.

Header and accessibility

Accessibility labelaccessibility_label
Eyebroweyebrow
Default: Complete the look
Titleheading
Default: Build the complete outfit
Texttext
Default: <p>Choose the available option for each piece, then add the complete Shopify bundle.</p>

Main visual

Lookbook imageimage
Image alt textimage_alt
Image formatimage_ratio
Default: 16 / 10 · Options: Large premium, Landscape, Editorial, Portrait
Mobile product cardmobile_layout
Default: compact-mobile · Options: Compact, Large

Product card

Show priceshow_price
Default: enabled
Number of media loadedmedia_limit
Default: 4 · Range: 1–8
Show media navigationenable_media_slider
Default: enabled
Video in cardvideo_mode
Default: poster · Options: Cover image, Silent autoplay
Activate global guideenable_size_guide
Default: enabled
Iconsize_guide_icon
Default: question · Options: Question, Measurements, Care, Materials, Gift, Sparkle, Search, Account, Chat, Bag, Heart, View, More, Check, Star, Quiz, Look
Guide contentsize_guide_label
Default: Size guide
Show available reviewsshow_reviews
Default: enabled
Show material badgeshow_material_badge
Default: enabled
Show limited stockshow_low_stock
Default: enabled
Limited stock thresholdlow_stock_threshold
Default: 4 · Range: 1–10
Blur glass of hotspotsglass_blur
Default: 16 · Range: 0–40px

Bundle actions

Choose button labelchoose_label
Default: Choose
Variant confirmation labelconfirm_label
Default: Add to this value
Add bundle button labeladd_bundle_label
Default: Add bundle to cart
Show savings in the add buttonshow_button_discount

Uses the bundle variant's compare-at price, or the percentage entered below. A displayed saving does not create a Shopify discount.

Default: disabled
Discount methoddiscount_method
Default: none · Options: No discount, Automatic discount configured in Shopify, Discount code
Discount codediscount_code

Optional. Enter the exact active code created in Shopify admin. Leave empty when using an automatic Shopify discount.

Discount percentagebutton_discount_percent

Set to 0 to calculate the saving from the bundle variant's compare-at price. Otherwise, enter the percentage of the real Shopify discount.

Default: 0 · Range: 0–90%
Text while addingloading_label
Default: Adding…
Text after successful additionadded_label
Default: Added
Text in case of errorretry_label
Default: Try again
Product text unavailablesold_out_label
Default: Sold out
Unavailable combination messageunavailable_message
Default: This combination is unavailable.
Cart error messageerror_message
Default: Unable to add this bundle.
Automatic mapping error messagemapping_error
Default: This child product does not match an option of the selected bundle product.
Empty product titleempty_product_title
Default: Add the child products as blocks.

Section appearance

Use a dedicated paletteopaline_use_color_scheme
Default: disabled
Paletteopaline_color_scheme
Default: scheme-1
Alignment on desktopopaline_heading_alignment
Default: inherit · Options: Keep the design, Left, Center, Right
Space after sectionopaline_section_spacing
Default: 0 · Range: 0–160px
Left and right insetopaline_content_inset
Default: 0 · Range: 0–120px
COMPOSITION

Available blocks

Bundle child productcomponent
Limit: 12

Add this block only when it provides useful information to the journey.

CHECKS

Before publishing

  • ✓

    Content remains readable in every color scheme.

  • ✓

    Labels match the storefront language.

  • ✓

    Displayed promotions match Shopify rules.

  • ✓

    Interactions remain accessible by keyboard and touch.