Multiple product bundles 🔥
This design is available from ✨version 1.2.0 and above. ✨
See: Changelog
The Multiple product bundles section helps you showcase several curated product sets, each with an "Add All to Cart" button to streamline the buying process. Perfect for upselling kits, routines, or seasonal sets, this section supports both visual storytelling and direct conversion.
What this section does
Add one introductory image card (optional).
Add multiple bundle blocks, each featuring up to 5 products.
Let customers add full bundles to cart in one click.
Display a sold-out warning if any product in a bundle is unavailable.
This section is for display purposes only. To apply actual discounts (e.g. "Buy all 3 and save 20%"), you need to set them up in Shopify Admin > Discounts.
See Shopify’s guide here → Create Discounts
How to add a Multiple product bundles section to your Shopify store
Steps:
In the theme editor (Customize) > click Add section
Select Multiple product bundles.
Make necessary changes.
Save.
How to edit a Multiple product bundles section
Section settings
Container:
Full widthorFixed widthlayoutColor scheme: Choose color preset for the section. This will affect the background, text, and button colors.
Learn more: Colors
See settings
Text alignment:
Align the text in the section to the Left, Center, or Right.
Adjust alignment based on your banner’s design and layout.
Text alignment on Mobile: Override desktop alignment settings specifically for mobile devices if needed.
Subheading: Add a short, secondary heading to complement the main heading. This can provide additional context or detail.
Heading: Enter the primary title for your banner.
Heading size: Adjust the size to fit your design preference and ensure readability. Choose from available heading sizes.
✨Add Highlighted text to your Headings
Text: Add a detailed explanation or summary for the banner. Use rich text formatting like bold, italic, links, and lists for better visual emphasis.
Text size: Select the size of the description text.
Button label: Input the text for the call-to-action button.
Button link: Add a link to the button to direct users to a specific page, product, or collection.
Button style: Choose a style for the button.
Number of columns on desktop: 2–5 block columns on desktop.
Column gap: Adjust spacing between blocks.
Color scheme: Select a color preset used for the product cards.
Image ratio: Set the ratio of the product cards' images.
Block settings
This section is made up of two block types:
Image card – Visual hook at the start of the section.
Product bundles – Each block = one bundle of 2–5 products.
💡 Tip: Use this block to highlight a discount or announce a new routine.
Settings include:
Image upload: Use lifestyle or campaign visuals
Image overlay opacity: Add a semi-transparent layer over the image to improve text readability.
0%= No overlay100%= Fully opaque (black cover)
Overlay text: Add heading/subheading over the image
CTA button: Link to a landing page, collection, or promotion
Overlay opacity: Adjust for better text readability
Content alignment: Control position on desktop and mobile
Each bundle slider showcases up to 5 products with title, pricing, variant selector (if available), and one-click “Add All To Cart” button.
Settings:
Heading: Title for the bundle.
Products: Select 2–5 products for each bundle.
📝 Note: The order of the products in the block reflects the order in the slider.
⚠️ Sold-Out notice: If any product in the bundle is out of stock, the block will show a warning message.
Last updated