The Product bundle section (often titled “Frequently Bought Together”) displays a collection of complementary products alongside a focused call-to-action banner. This layout is perfect for interior design sets, skincare routines, or matching apparel collections. Unlike standard product lists, the button adds the entire bundle of displayed products to the cart in one click!

Section settings

• • Color scheme: Choose a predefined color palette to match the section with your store’s theme style.
  • Section width: Choose whether the section is constrained to Page width or stretches to Full width across the browser.
  • Main Header:
    • Main Heading & Size: Add a title above the entire section (e.g., “Frequently bought together”) and choose its size (H1-H6).
    • Text Align: Align the main header to the Left, Center, or Right.
  • Promotional Banner: This section features an image and text block next to the products.
    • Image: Upload the main promotional image for the bundle.
    • Heading & Size: Add a promotional title overlay (e.g., “Complete the Look”) and choose its size (H1-H6).
    • Description & Text size: Enter a detailed paragraph to provide more context about the bundle offer and set its size.
    • Button label: Input the text for the action button (e.g., “Add Bundle to Cart”).
    • Button style: Select the visual style of the button (Primary or Secondary). Note: This button automatically adds all products in the bundle to the cart and calculates the total price; it does not link to another page.
  • Top padding / Bottom padding: Adjust the vertical spacing (in pixels) above and below the section.

Blocks: Product

You can add individual products to the bundle by adding Product blocks.

• • Product: Select a specific item from your store catalog to include in the bundle. The section layout will automatically adjust (e.g., showing a 2-column or 3-column grid) based on how many products you add.