Drop down menu on product page that adds multiple parts to cart

Store Design
, , , ,

Topic summary

Goal: Add a dropdown on a product page to let shoppers choose among three options—Main Product, Main Product + Supporting Product 1, or Main Product + Supporting Product 2—and have “Add to cart” place the main item plus the selected supporting item into the cart.

Key request:

  • Help with code or approach to add multiple items to the cart based on a single dropdown selection.

Latest development:

  • A reply suggested using “bundles.”
  • The original poster asked how bundles work and whether multiple bundles can be surfaced from a single product page via a dropdown.

Open questions:

  • Implementation details for creating a dropdown tied to adding multiple SKUs.
  • Whether the platform’s bundle feature supports selecting between different bundles from one product page.

Status: No code or solution confirmed yet; guidance on bundles and dropdown-based selection is pending.

Summarized with AI on December 14. AI used: gpt-5.
1

I have a product that will customers will commonly buy with a supporting product. I want to add a drop down menu to the product page that allows the user to select Main Product, Main Product + Supporting Product 1, or Main Product + Supporting Product 2, and when they click add to cart it adds the Main Product and whichever Supporting Product was selected. Can someone help me with this code?

Thanks,

Aaron

2

Thanks for the quick reply! How do bundles work? Will I be able to access different bundles from one product page via dropdown?