1. Home
  2. WooCommerce Product Options
  3. FAQ

How to display other products as options

The WooCommerce Product Options plugin has a 'Products' option type, which lets you display other products as options for the customer to select.

For example, imagine that you're selling a mobile phone and want to encourage customers to add a screen protector to their cart (which is also sold separately elsewhere on your site). Displaying the screen protector as an extra product option above the add to cart button makes it more prominent than using the related products feature in WooCommerce itself, so customers are more likely to buy it.

The solution is to display the screen protector on the product page for the mobile phone. You can display these related products as a product grid, checkboxes, radio buttons, dropdown list, or clickable images.

There are two ways to select which products to display as options:

Select specific products

WooCommerce select products to appear as related add-ons

If you want to control the exact products which are displayed - such as a specific screen protector and a black phone case - then you should use this option:

  1. Create a product option group and choose which products and/or categories the product options will appear on.
  2. Click 'Add option' and choose the 'Products' option type.
  3. A 'Product selection' field will appear below. Choose the 'Select specific products' option.
  4. Manually select all of the products which you wish to display.
  5. If you have selected a variable product, then an additional field will appear alongside allowing you to select a variation.

Select products dynamically

WooCommerce display related products from category

Alternatively, you can let the WooCommerce Product Options plugin decide which products to display as options. For example, you might do this if you want do display your 3 most popular screen protectors.

  1. Create a product option group and choose which products and/or categories the product options will appear on.
  2. Click 'Add option' and choose the 'Products' option type.
  3. A 'Product selection' field will appear below. Choose the 'Select products dynamically' option.
  4. Choose which category or categories you want to display products from.
  5. Choose how the products will be selected from the category. The options are:
    • Title
    • Price (highest)
    • Price (lowest)
    • Rating (highest)
    • Rating (lowest)
    • Date (newest)
    • Date (oldest)
    • Popularity
  6. Finally, choose the maximum number of products that will be displayed.

For example, if you select the 'Screen Protectors' category which contains 20 products, and you only want to display the 3 most popular, then you would choose to sort by popularity and set the limit to 3.

Products currently selected

When you select a category and the other criteria, a preview appears underneath listing the products that will be displayed based on your current selection. This helps you to make sure that you have entered the correct logic and avoid unexpected results.

Please note:

  • The selected products may not always reflect the products that were listed when you first set this up. That's because your store changes over time, and WooCommerce Product Options will always show the most appropriate products based on your criteria. For example, if you are showing the 3 most popular screen protectors then different products may appear over time as they come in and out of popularity.
  • The plugin ensures that each product will never display itself as an an available option. For example, a product called 'iPhone 13' will never display 'iPhone 13' as a product option, even if you have selected it to dynamically display products from the Smartphones category. The list of 'Products currently selected' may include the iPhone 13 product, but this will never appear on the front end for that product.

FAQ

Can I display variable products as options?

To select variable products, you must use the 'Select specific products' option.

It is not possible to select variable products when you are using dynamic product selection. That's because WooCommerce Product Options would have no way of knowing which variation to display.

Related Articles

If searching the knowledge base hasn't answered your question, please contact support.