Increase the cost of an option- Using the product bundling feature

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.

Not sure how this could help with your store? Click here for some examples that showcase how this feature can benefit your store!

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.

Make sure to include an image for display purposes along with adding the appropriate price for the product. The add-on product must be available on the Online Store Sales Channel in order for the product bundles feature to work 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 that you created in Step 1 and then click Add.
10. You can select a specific variant (if applicable). Click Done when ready to proceed. 11. Click the Save Changes button at the top right.

Here is how an example product page will look:

Selecting the Coffee Beans option will add that product to the cart, charging the additional cost as well.

The additional cost will only appear on the cart and checkout pages and not the product pages.

Now you know how to create product bundle options using Infinite Options! 🎉

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

Add the Dynamic Bundle Price app block from your theme editor that will display the product's price that will adjust accordingly depending on the product bundle options. This feature is only available on Shopify 2.0 themes

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. Hit Add Block under the Product information section.

6. Add the Dynamic Bundle Price block and move it below the Price theme block.

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 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 with currency conversion apps or the Shopify Multicurrency feature. 

Use Product Bundles with Swatches

Setting up this option set would be how you would with the swatches feature. You can follow the instructions above along with the instructions in this document, click here!