Product bundle

This section is an effective way to boost conversions by packaging products into a convenient and value-driven offer.

---

The Product bundle section is designed to group multiple products into a single offer, often with a discount. It helps increase average order value by encouraging customers to purchase items together.

1. Our guide to set up a Product bundle section:

Steps:

• In the theme editor, click Add section.

• Locate Product bundle.

• Click Save.

2. Section settings

• Image settings

  • Image / Mobile image: Upload visuals for desktop and mobile to represent the bundle.

  • Desktop image height / Mobile image height: Control the height of the image on different devices.

  • Desktop image placement: Choose whether the image appears on the left or right side of the product list.

  • Enable sticky content on desktop: Keeps the content (bundle info + products) fixed while scrolling, improving visibility and engagement.

• Content settings

  • Subheading: Add a short intro or supporting text.

  • Heading: Main title of the bundle.

  • Heading size: Adjust the visual hierarchy of the heading.

• Discount settings

  • Discount type: Choose how the discount is applied:

    • Percentage: Applies a % discount to all bundled products

    • Fixed amount: Deducts a fixed value from the total order

  • Value: Defines the discount amount.

• Color scheme: Applies styling to the bundle container (background, text, buttons).

• Corner radius: Adjusts roundness of the image and bundle container.

3. Product block settings

Each Product block represents one item in the bundle.

• Product: Select a product from your store to include in the bundle.

• Product card settings

  • Font size scale: Adjust the size of product titles.

  • Image ratio: Control how product images are displayed.

  • Show second image on hover: Displays an alternate image when hovering.

  • Show image border: Adds a border around product images.

  • Show vendor: Displays the product’s brand/vendor name.