When selling products by the unit (volume, area, weight), it is fairly common to offer multiple retail and bulk packages. For example, foods and beverages are often available in retail packages and bulk packages.
The Composite type provides a practical solution when there is a need to group alternative package options of the same product. In contrast to the Variable type, it allows you to keep individual package SKUs visible in your catalog (or hide them) and does not restrict you to the functionality provided by variations. When working with projects that involve product grouping, it is a good idea to remember that Composite Products support bundles, in addition to simple and variable products. In some cases, Product Bundles can be an essential companion to Composite Products. For instance, bundles can be very handy if you need to create multiple bulk packages that “consume” stock from a single SKU.
Wineries often manage the inventory of their labels in bottles, using a SKU for each wine label they produce. However, they commonly offer bulk packages of various sizes, such as bottle boxes or bottle pallets, which “consume” stock from the bottles inventory.
In this case, the box and pallet products of each wine label would be created using Product Bundles, while Composite Products could be used to group the bottles, boxes and pallets in configurable products – one for each wine label. The shopping experience could be further streamlined by hiding the individual bottle, box and pallet products from the shop catalog.
The use case presented in this guide is based on a product from the Dummy Woo Store catalog: The Flying Ninja poster. You will learn how to create the Flying Ninja poster as composite product that offers multiple bulk packaging options:
- A standard option associated with the existing Flying Ninja simple product.
- A Flying Ninja 100x Pack bundle option.
- A Flying Ninja 500x Pack bundle option.
Plugins/Extensions Used ↑ Back to top
- WooCommerce Product Bundles
- WooCommerce Composite Products
- WooCommerce Stacked Product Layout
Configuration ↑ Back to top
To configure the Flying Ninja composite product, follow these steps:
- Create the Composite
- Go to WooCommerce > Products and click Add Product.
- Enter a Title, Description and Short Description.
- Locate the Product Data panel and select the Composite product type.
- Define Components and Component Options
- Locate the Product Data panel and go to Components.
- Click Add Component to create a Component and name it Retail/Bulk Package Option.
- Locate the Component Options field, choose Select products in the drop-down and use the search field to find the Flying Ninja poster — then select it.
- Assuming that you have already created 100x and 500x bundles of the Flying Ninja poster with the Product Bundles extension, repeat the previous step to add the Flying Ninja 100x Pack and Flying Ninja 500x Pack bundles.
- Configure Pricing Options
The price of the composite product is identical to the price of the chosen package option:
- In the Components tab, expand the Retail/Bulk Package Option Component and check the Priced Individually box.
- Go to the General tab and ensure that the Regular Price and Sale Price fields are blank.
- Configure Shipping Options
The Flying Ninja composite was created to group the available retail/bulk product options — it does not contain any physical parts that require assembly.
- Locate the Product Data panel and check the Virtual box.
- Go to the Components tab, open the Retail/Bulk Package Option Component and check the Shipped Individually option.
- Configure Layout Options
- Go to the Components tab.
- Select the Stacked layout.
- Open the Retail/Bulk Package Option Component, locate the Options Style drop-down and select Radio Buttons.
- Configure Component Settings
- Go to the Components tab and expand the Retail/Bulk Package Option Component.
- To prevent multiple quantity fields from being displayed, enter 1 in the Min Quantity and Max Quantity fields.
- Go to the Advanced Settings tab.
- In the Default Option field, choose the Flying Ninja poster.
- Tick the Hide Title, Hide Description, Hide Thumbnail and Hide Price fields.
- Un-check all Component Price Visibility boxes.
- Add Finishing Touches
Choose a Product Image, add some Gallery items and, if your theme is flexible enough, tweak the layout of the Full Frame DSLR Kit page.Using Storefront?
If you are using Storefront, the Storefront Powerpack allows you to tweak the layout of individual product pages. The extension adds a number of layout options grouped under a custom Storefront tab, which can be used to allocate more viewport width to composite products, by stacking all component content below the main product image.
A similar result can be achieved with the free WooCommerce Stacked Product Layout plugin. The plugin, which has been used in this example, should work well with most themes, including Storefront.