> For the complete documentation index, see [llms.txt](https://docs.elitebundleapp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.elitebundleapp.com/create-bundles/multi-option-bundle.md). # Multi-option bundle Complete guide to creating Multi-Option Bundles in Elite Bundle Builder, including options, single-product mode, discounts, design customization, and FAQ. A **multi-option bundle** sells a fixed group of products where the shopper picks one item for every option. It lives on the product page and uses the theme's own Add to cart button, so it looks native. ## What shoppers see {% stepper %} {% step %} They open the bundle's product page and see each option as a labelled group: "Shirt", "Trousers". {% endstep %} {% step %} For each option they pick one product or one variant combination. {% endstep %} {% step %} The price shows the running total and any discount. {% endstep %} {% step %} They use the theme's **Add to cart** button. The discount applies at checkout. {% endstep %} {% endstepper %} {% hint style="info" %} Needs the **Elite Embed Core** app embed. The **Multi-Option Bundle** app block is optional: by default the selector sits just above the theme's Add to cart button, and the block only matters when you want it somewhere else. The **Publish** tab has a one-click **Add app block** step. {% endhint %} ## The editor tabs Six tabs: **Options**, **Config**, **Offer**, **Design**, **Publish** and **Settings**. There is no Template tab because a multi-option bundle always renders inside the product page. ## Options tab ### Option name A clear label for the product group: *Shirt*, *Trousers*, *Hat*. ### Option mode {% tabs %} {% tab title="Products" %} You pick several products and the shopper chooses one item from the combined list. Each product contributes its selectable variants. Add a product **whole** so every variant becomes a choice, or tick **particular variants** in the picker so only those appear. Drag products to set the order. {% endtab %} {% tab title="Product with options" %} You pick exactly one product and the shopper builds a variant from its own Shopify options, for example Colour then Size. Combinations that do not exist or are out of stock cannot be selected. {% endtab %} {% endtabs %} Modes can be mixed: option 1 can be a list of shirts while option 2 is one jacket with size and colour selectors. ### Managing options **Add option** creates one (a bundle needs at least one); drag the number badge to reorder; **delete** removes it. ## Offer tab A multi-option bundle is a fixed combo, so there are no quantity tiers. Its Offer tab has one switch and one value: * **Percentage off** the bundle total, or * **Fixed amount off** the bundle total The discount applies whenever the bundle is added to cart. No trigger, no minimum. ## Design tab | Page | What it controls | | --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Variant display | Click **Fetch variant options**, then give every option a **Label**, **Swatch** or **Dropdown** style with images or colours per value. A *Products* option appears as **Product choices**. | | Choices | Per-item prices, hiding sold-out choices, the discount badge | | Branding | Colours, corner rounding, button shape, swatch and thumbnail sizes | All covered in [Design and customize](/customize-and-publish/design-and-customize.md). ## Frequently asked questions ### Can a shopper buy two of the same bundle in one go? Not in a single action. Each add to cart adds one of each option, and the theme's quantity field does not apply. To buy the set twice, add it, then build and add it again. ### What happens if a variant combination is out of stock? It shows as sold out and cannot be selected. In **Product with options** mode, choosing a colour narrows the sizes to the ones that exist. If every choice in an option becomes unavailable, the bundle cannot be completed. Turn on **Hide sold-out choices** in Design → Choices to drop them instead of showing them disabled. ### How is the price calculated? The sum of the selected items across all options, minus the discount at checkout. ### Where is the Add to cart button? The bundle hooks the theme's existing button rather than drawing its own; it stays disabled until every option is chosen. The theme's price and dynamic checkout buttons are hidden because the bundle supplies its own total. In the editor preview a dashed placeholder marks where the button will be. ### Can I change how an option is displayed after launch? Yes. **Design → Variant display**, switch between Label, Swatch and Dropdown, preview, save. ### Do I need the app block? No. Add it only when the selector should sit somewhere other than above the theme's Add to cart button. ### Can each multi-option bundle have its own design? Yes. Variant display, choices and branding are per bundle. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.elitebundleapp.com/create-bundles/multi-option-bundle.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.