Product bundles

Infinite Options supports product bundles. A feature that allows you to attach an add-on product to the option selection so you can add an extra cost to your main product. You can create a new product like $5.00 gift wrapping and bundle to a radio button, checkbox, drop-down menu, or swatch input types. When selected, both products are added to cart.

Follow the steps below on how to set up product bundles.

1. From your Shopify admin dashboard in the Products page, create a new product as the add-on product.

Ensure that you include an image for display purposes and add the appropriate price for the product. The add-on product must be available on the Online Store Sales Channel for the product bundles feature to function properly.

If you have already created an add-on product, you can skip this step.

2. Navigate into the Apps page, and go into the Infinite Options dashboard.

3. Create an Option Set and assign to your main product that needs the bundled option.

For a refresher on how to create and assign options with the app, we recommend clicking here to learn more about creating options and clicking here to learn more about assigning options!

4. Add a descriptive Label on Product suggesting customers can add a complimentary product in addition to the main product.

5. Change the Label on Cart value from infinite_options_1 to something more descriptive. Be sure to keep the Label on Cart values unique, as they will overwrite each other if they match.

6. Create an option within an Option Set using the input type Radio Buttons, Checkboxes, Drop-Down Menu, or Swatches.

7. Enter in a value that you would like to tie a product to.

Having a value that states what the product is as well as how much it costs is highly recommended.

8. Click on the price tag icon next to the option value.

9. Locate the add-on product (or specific variant) that you created in Step 1 and then click Add.

11. Click the Save Changes button at the top right.

Now when testing on your product page, selecting the add-on option will add that product to the cart, charging the additional cost as well. 🎉

Seeing strange text under your product listings on the cart page under your product and add-on products (e.g. io_)? Click here to learn how to hide them.

How do Bundled Options look on the backend? Which add-on goes with which selections?

Viewing the admin side of the order from your Shopify admin dashboard, you will see option selections paired with a line of code _io_order_group so you can easily identify which selections pair with the add-on product.

Add the Dynamic Bundle Price app block to your theme

The Dynamic Bundle Price app block will display the product's price and adjust it accordingly on the product page based on the associated Shopify variant cost attached onto the Option set. This feature is only available on Shopify 2.0 themes and is not compatible with currency conversion apps or the Shopify Multicurrency feature.

Follow the steps below on how to add this app block.

1. From your Shopify admin dashboard, navigate to Online Store, and then Themes.

2. Next to your theme's name, hit the Customize button to go to the theme editor.

3. In the drop-down menu at the top, select Products, and then your product template.

4. In the left sidebar, hide or remove the Price theme block.

5. Hover below the Price section and click Add Block.

6. The result should look like this.

7. Click into the Dynamic Bundle Price block and adjust the styling settings.

8. Hit the Save button at the top right of the theme editor to save your changes.

Limitations of the Dynamic Bundle Price app block

Listed below are some limitations related to the app block:

  • It is strongly recommended to use the Dynamic Bundle Price app block with the Infinite Options app block (discussed in this guide for Shopify 2.0 themes) together.

  • It is strongly recommended to use this app block only with currencies that use the two-decimal value format. (i.e. 10.00)

  • This is not compatible with the Compare at price for Shopify products.

  • This is not compatible with base currencies that use a comma separator for decimal values. As an alternative, you can adjust your store's currency formatting to {{ amount }} instead of using the {{ amount_with_comma_separator }} format. Click here for more information.

  • This is not compatible if your currency formatting contains a period. For example: {{ amount }} kr.

  • This is not compatible with currency conversion apps or the Shopify Multicurrency feature.

Last updated