View Product Page

General settings

Once we have configured the bundle as explained here, let’s take a look at the plugin general settings that you find in YITH > Product Bundles > General settings. This is how it looks like:

Learn more about the available options in the following posts.

Out of stock management

By default, the “bundle” product is purchasable only if all the products included are available. If at least one of these products is out-of-stock, the system prevents adding the “bundle” product to the cart by removing the “add to cart” button on the page.

Yet, you can choose how to manage the bundle including out-of-stock items through the option If a bundled product is out of stock.

You can select one of the following options:

  • Hide the bundle
  • Set the bundle as Out of Stock
  • Show the bundle, but users will not be able to buy it (default option).

PhotoSwipe for bundled images

If you enable the option Activate PhotoSwipe for bundled images, your users will be able to open the image gallery of one of the bundled items and see the product image on full screen. Use the arrows on the sides to display the images of the other products included in the bundle.

PhotoSwipe 1
PhotoSwipe 2

Cart & Checkout

We will have 2 visibility options for the bundle products in the cart and checkout:

1. Hide bundled items

By default, the product bundle and the products included will be shown in “Cart” and “Checkout” pages.

However, if you don’t want to show the products included in the bundle, you can enable this specific option.

The bundle will be shown as one unique product.

2. Show bundled items prices

On the contrary if you have enabled Use prices of bundled items to show prices in the bundle as explained here and you also want to show prices of the included items both in Cart and Checkout pages, you must enable the option Show bundled item prices in Cart and Checkout.

The bundled items prices will show as below.

In order details the bundle products will be also visible.

Order and Report

The plugin allows to change how the price of the bundle is displayed in the order details as well as have the WooCommerce Report display the bundle items.

Bundle price in order details

You can choose how to show the price of bundled products in the order details page when the “Use prices of bundled items” option is enabled.

In the general settings, go to Order & Reports> In the order, show and pick one of the following two options:

  • Price of bundle: shows the price of the entire bundle and so shows zero next to each of the bundled items.
Order details
  • Price of bundled items: show the price of every single product of the bundle and so show zero next to the bundle title.
Prices in order details 2

WooCommerce Reports

As for any other product available in the shop, the sales related to the product “Bundle” are registered within WooCommerce reports.

By default, only the product bundles are displayed in the report, whereas the products associated to the bundle are left out.
This behavior can be changed by enabling the “Show bundled items in WooCommerce Reports” option that you find in the plugin settings> Order & Reports.

Now, also the products included in the bundle are shown in the WooCommerce report, in the amount of zero, as you can see in the image below.

Bundle prices sync

This button lets you force the creation of bundle prices when the option “Use prices of bundled items” is enabled; use it ONLY if you are encountering issues with sorting prices in the shop (as for when the bundle products have been added with an older version of the plugin).

YITH Quick View

You must have the YITH WooCommerce Premium version in order to use the integration.

YITH WooCommerce Quick View (premium version) allows you to quickly display the most important information of the product in a lightbox without leaving the shop archive page.

The integration with YITH Product Bundles allows you to open the bundled products’ details in the Quick View lightbox. 

To enable this feature, just go to YITH > Product Bundles > General settings> YITH WooCommerce Quick View Integration and enable ”Open bundled items in quick view”.

Then, every time you click on the product name of any bundled items, you will see the product details in a quick view lightbox.

YITH Product Bundle in quick view

To read more about how to configure YITH WooCommerce Product Bundles, please, refer to the plugin official documentation.