How can I add an additional product for an option?

To add an additional product to the cart whenever a specific option value is selected, follow the steps below.

In the product options config, on the option value, click on the "plus" sign:

Choose the product:

You can also increase the quantity if needed:

Removing the product:

The plus sign will be highlighted in green if a product is linked to this option value. To remove a linked product, you have to remove it from the config:

Quantity from main product:

You can check this setting to add the same quantity to the cart as the the main product:

In the example below, the linked product would be added with quantity set to 3.

Once per order

The only add a product once per order, you can check the following setting:

The app checks the cart when the product options are displayed, if the product is already in the cart, it's quantity is set to 0, so that it's not added again when the main product is added to the cart.

Quantity input

To let the customer input a custom quantity for a linked product, you can use the Checkbox option type:

And check the following setting when linking a product:

Exclude option

When an option value has a linked product, an Exclude option setting becomes available. It is only shown on values that have a product linked to them.

With Exclude option enabled, the app does not save the option selection on the line item at all. Only the linked add-on product is added to the cart. Neither the selected value nor the non-selected value is written as a line item property.

When to use Exclude option

Use it when the linked product already tells you everything you need to know, and the option value itself is noise on the order. A common case is a Engraving fee or Quality check option where the selection adds a paid add-on product. Enabling Exclude option removes the property from the main product entirely, while the add-on product still appears on the order when selected.

Note: the rest of the options are still stored on the main product, e.g if "yes" is selected and another text input option is filled, the text input value will still be stored on the main product line item. To prevent the add-on product from being removed on the cart page, there are two options:

1. Use the Bundle extension with the setting Bundle all options with product links enabled. It will bundle the main product & the add-on product together so that the add-on product cannot be removed from the cart without removing the main product.
2. Use custom liquid code on the cart template to prevent removal of the add-on product.

Bundle Extension

The app offers an additional Bundle Extension that support bundling all linked products as a single line item on the Cart and Checkout:

Custom price

A bundled product can also have a custom price, e.g provide a discount for the bundle or even a free product that is always added to the cart with the main product.

When the setting is checked, the price of the linked product is editable:

Inventory stock check

If your linked product can be out of stock, you can enable the following setting in app Settings page to let the app check the stock and automatically disable an option when the linked product is out of stock:

Out of stock options will be set as disabled. To learn more about styling out of stock options visit: How can I disable an option?