Creating a composite product

In order to create a composite type of product, all you need to do is to create your product (just like you regularly would).

Now, moving down in the “Product Data” section, you can choose “Composite Product” from the drop down menu:

Product Data

At the moment of the selection of the composite type of product, two options are going to be added in the upper area of the tab: “Per-item Shipping” and “Per-item Pricing”:

Per-item options

The “”Per-item shipping” option allows you to calculate the shipping costs based on the shipping properties (weight and size) of each component, otherwise (by deselecting it) the “Shipping” tab is going to be displayed, where you can specify the details for the whole lot.

Similarly “Per-item Pricing” allows you to add the price of each single component chosen by the user to the listing price. By deselecting it, only the price of the composite product is going to be used.

Types of components selection

By clicking on “Add Component” you will be able to start adding the products that will compose your composite product, here you will find the customization options:

New Component

This plugin allows you to enter a name and description for each component. Now from “Selection Type” you can choose the range of products the customer will be able to pick from, displayed by:

  • Product ID – You can individually choose the products you wish to show customers in a specific component.
  • Category – You can enter one or more categories in order to display all of the products of each one of them.
  • Tag – You can enter one or more tags that will help display each related product.

ID, Category and Tag

Types of product layout

In order to configure the component of your composite products, you need to browse the “Components” tab in the Product Data selection.

Components

The first customization option is the layout choice selection for your composite producte, you can choose from three layouts: “Simple List”, “Accordion List” and “Steps”.

This is how a “Simple list” layout will appear:

Simple List

This is how a “Accordion List” layout will appear:

Accordion List

This is how a “Steps” layout will appear:

Steps

Component Selection Style

After entering the products related to the chosen component, you can choose how to display them in “Option Selection Style”, choosing from: “Dropdown”, “Product thumbnails” and “Radio Button”:

Selection style

Here is how a “Dropdown” style will look like:

dropdown

Here is how a “Product Thumbnails” style will look like:

Thumbnails

Here is how a “Radio button” style will look like:

Radio button

Quantity and discounts

This plugin allows you to set a minimum and maximum purchase quantity for each component, over and under which the purchase will not be allowed.

Quantity and discounts

It’s also possible to set up a percentage discount for each component (this option only works if “Per-item pricing” is active):

Discount

By activating the “Apply discount to sale price” option, the discount is going to be applied on the discounted price, not the listing price.

Required and Exclusive Component

The final two options about the components of a composite product are:

  • Required – Makes the selection of a specific component mandatory in order to be able to purchase it.

Required

  • Exclusive selection – The product selected in a specific component cannot be selected in other components of the same product.

Creating a dependency

This plugin allows you to create a net of dependencies in order to push the customer towards specific purchases in specific situations.

From the Dependencies tab, clicking on “Add dependence” you can create your first dependence:

Add dependence

Once created, we can assign it a name and a description and specify how the components are going to interact with each other:

Components interact

You will be able to choose between two actions for each component: “IF” means that specific component status will be the cause of the following actions, while “DO” means that the specified action will be the resulting effect.

So, as you can see from the screen, if you want to set for a specific choice made on the first component to affect the choice of the last one without affecting the middle component, you will need to insert the IF variable in the first one, DO (nothing) in the second one and DO (Force selection to) in the third one.

The following statuses can execute an IF:

  • No action – The dependency is inactive.
  • No product is selected – In case no product is selected, the dependency is active.
  • Any product is selected – In case any product is selected for a specific component, the dependency is active.
  • Selection is – If one of the following product is selected (which you will specify in the additional displayed field), then the dependency is active.
  • Selection is not – If none of the following products is selected (which you will specify in the additional displayed field), then the dependency is active.

Many actions can be triggered by these effects, specifically, those related to DO:

  • Nothing – Do nothing.
  • Force selection to – Force selection of a specific product towards a specific component.
  • Exclude – Forbids the choice of a specific product for a certain component.
  • Hide component – Hides a specific component.

Let’s take another look to the example screenshot:

Example

In this example, once 3 components are present, it’s necessary for the selection of a specific product for the first one to bring the following consequences:

  • Nothing for the second component.
  • Forcing the selection of a specific product for the third component.

So, an IF filter was created in the first component, bearing the “Selection is” status and its related product, a DO filter bearing the action “Nothing” for the second component and a DO filter with the “Force Selection” action for the third one, specifying the chosen product.

YITH WooCommerce Multi Vendor

YITH WooCommerce Multi Vendor allows you to turn your store into a multistore where vendors manage their own product and earn a commission on every sale.

You only have to activate both plugins to enable the option for admin and vendors to add ‘Composite’ type products. You can add and edit the composite products from the product editing page.

composite mv settings

For more information on how to add a composite product, check the full documentation here.

With this integration you can allow vendors to offer “composite” products in their stores, by creating and configuring components that will only be visible for their products.

YITH WooCommerce Product Add-Ons

YITH WooCommerce Product Add-Ons allows you to configure additional options that can be added to products in your shop. For each option, it’s possible to choose a name, an image and a price, which will add up to the basic ones the product has.

add ons composite

To make the two plugins work together, you’ll only have to activate both plugins. The two plugins combined allows you to create add-ons, which you can add to “Composite” type products. Add-ons are strictly related to the main product, not to the sub-products that compose it (Like ‘Materials’ in the example above).