If you want to apply the components of a product to another one, without having to configure them again from scratch, you can clone the components thanks to the in-built Copy components feature.
In the product settings, go to Components tab and click the button Copy components to start the cloning process.
This will open a popup window, where you can select either all the components or just some of them:
You will be able to apply the components to one or more composite products of your shop.
Please, not that you have to set up the destination products as composite products before being able to clone the component settings.
And choose whether to simply add the components to the product or to replace any existing components in the destination products.
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:
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”:
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.
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:
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.
In order to configure the component of your composite products, you need to browse the “Components” tab in the Product Data selection.
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:
This is how a “Accordion List” layout will appear:
This is how a “Steps” layout will appear:
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”:
Here is how a “Dropdown” style will look like:
Here is how a “Product Thumbnails” style will look like:
Here is how a “Radio button” style will look like:
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.
It’s also possible to set up a percentage discount for each component (this option only works if “Per-item pricing” is active):
By activating the “Apply discount to sale price” option, the discount is going to be applied on the discounted price, not the listing price.
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.
- Exclusive selection – The product selected in a specific component cannot be selected in other components of the same product.
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:
Once created, we can assign it a name and a description and specify how the components are going to interact with each other:
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:
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 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.
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 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.
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).