View Product Page

General settings

Before starting to configure product bundles, 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:

General settings

 

Learn more about the available options in the following posts.

Report

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 dashboard.

Show bundle items in report

 

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

WooCommerce report

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 In the order, show and pick one of the following two options:

Prices in order details

  1. Price of bundle: shows the price of the entire bundle and so shows zero next to each of the bundled items.

Order details

  1. 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

 

Layout

From the tab Customization, you can manage the price style and the labels for your bundles.

Prices

You can choose how to display the bundle price on the Shop page. As the product might have a minimum and maximum price based on the selected options, you might want to show only the starting price or the range.

You can select the layout you prefer next to the option called Bundle price style in Shop.

Bundle price style

Choose any among the four available layouts:

  • Min – max: show the total price range this bundled product can cost

Min max price

  • Min only: show only the starting price of the bundles

Min only

  • Min only higher than: show then minimum price with text that lets users understand it starts from a given price, ex. “From $100”

Min only higher than

  • Regular and discounted: show both the regular price as strikethrough and the bundle discounted price.

Regular and discounted

Labels

LabelsThrough these options, you can configure:

  • Bundles’ title: this allows showing an optional title in the bundles before the list of bundled items;
  • Add to cart label: this allows inserting a text for the add to cart button;
  • “Add item to bundle” label: this allows entering a text for the checkbox to add optional items to the bundle;
  • “Add item to bundle for …” label: this allows entering a text for the checkbox to add optional items to bundle with the item price.

PhotoSwipe for bundled images

PhotoSwipe

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

Bundle price sync

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).

Out of stock synchronization

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).

Out-of-stock sync

 

 

YITH Quick View

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 and enable the option called Quick View for bundled items. Make sure you save the settings.

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.