The Bundle Product section allows you to display product bundles that you want to sell at a discounted price (optional). For example, if a customer buys a shirt for $95 and shorts for $100 separately, they would pay $195 for the two items. However, if you sell them as a bundle and apply a discount of your choice, the two items might only cost $150. This can significantly increase your sales conversion rate.

Add section to theme

1. Log in to your Theme editor and navigate to the page you would like to display this section.
2. You'll see a list of available sections on the left-hand side. Locate the Add section button and click on it.
3. From the list of available sections, find and select Bundle Product.

Customizing style settings and adding new items are similar 👉 Understanding Hero product hotspots section, Visit this section to learn how to place a hotspot on the main image.

To set up a bundle, follow these steps:

1. Go to the Discounts menu in your Shopify Admin.

Learn more about the Shopify admin: 👉 Shopify Help Center | Shopify Admins

1. From the Discounts page, in the top right corner, click "Create discount", then select "Amount off products".

1. Next, select "Automatic discount," set your custom title, then under "Discount value," you can choose to apply the discount as a "Percentage" or a "Fixed Amount." For this demo, I will select "Percentage" and set the value to 15%.
2. In the "Applies to" section, select Specific products, then search or Browse to choose the product you want to bundle, which you selected in the "Add Bundle Item" step in the Theme Editor.

For other settings, you can refer to:

Click save, then go back to the Theme Editor. Select the Bundle Product section, and under Bundle Discount settings, you need to enter the exact discount percentage you set up in Shopify Admin.