WooCommerce Mix & Match – Custom Product Boxes Bundles

WooCommerce Mix & Match – Custom Product Boxes Bundles

Do you want to sell an assorted case of drinks? Cupcake Box? Pack of Shirts and Tie? WooCommerce Mix and Match is a perfect solution that allows your customers to create bundle product packs by simply adding products to the box. Sell products in bundles or packages, this module offers an easy way for your customers to filter and/or pick the items they need to compose a product. Your customers can create gift boxes of different items and send them to their loved ones. You can limit the maximum and minimum number of items a customer can add to the box. You can enable to suggest a list of items from which a customer will add products to the box. The solution works perfectly fine with simple products and variations.

Key Features:

• Allow customers to create custom product boxes.
• Supports multiple layouts both vertical and horizontal, and supports Sticky Sidebar On Scroll.
• Added – Supports to allow customers to filter products by category and add them to the box
• Limit the number of products that can be added to a box.
• Supports all product types, simple, variable, etc.
• Enable gift wrap message field to allow customers to write messages or collect some necessary information.
• Supports categories to load unlimited products for the box product.
• Dynamic box price label feature added.
• Configure box color settings, grid, or masonry layout and add a description to the box.
• Supports tax calculation for box.
• Allow customers to add products of their own choice.
• Multiple box pricing options.
• Option to charge shipping cost per product in the box.
• Out of stock labels support included.
• Compatible with Box product subscriptions plugin.
• Added – Quantity selection for product add-ons.
• Shortcode support to make it compatible with all builders, including Elementor, Divi, Beaver, etc.
• Added – Supports shortcode to display box anywhere on site. Now simply use a shortcode like [box_product id=19] where 19 is the id of the product of type “box product”. Or simply [box_product] if on box type product’s single page. Shortcode can be enabled/disabled in the settings.
• Excellent UX On Mobile View.

How To Install

1. Download the .zip file from your codecanyon account.
2. Go to: WordPress Admin > Plugins > Add New and Upload Plugin with the file you downloaded with the Choose File button.
3. Install Now and Activate the plugin.

Backend Settings

When you install the plugin, then a new menu with the title “Mix & Match Box” will appear in the admin dashboard. This menu has two sub-menus.

• Settings → Settings related to the plugin.
• Addon Plugins → Here you can see the list of addons for the Mix & Match Box plugin.

• Enable Category Filter Addon: Either display the category-based filtering dropdown on the single product page or not.
• Box Items Column Layout: The type of layout for the box products display.
• Show Product Short Description: Where to display the default WooCommerce product short description.
• Products Per Page: Limit the products to be displayed in the box.
• Box Price Label: The text to be shown for the price label.
• Boxes Background Color: The background color of the boxes.
• Boxes Border Color: The border color of the boxes.
• Enable/Disable Variable Products in Box Products: Either to show variable products in box products.
• Allow Single Variations in Box Product: Enable/Disable single variations for box products.
• Enable/Disable short code for Box Products: To use the shortcode of this plugin([box_product] or this option must be enabled.

You can set the desired settings for the plugin.

Box Product Options

A new product type will be shown inside the “Product data” dropdown. Select the “Box Product” options and you will see two new tabs as shown in the image:

• Box Pricing: Select one of the three pricing options.
  • Box regular price: Only the product’s regular price.
  • Only addons price: Only the sum of prices of the products added to the box.
  • Box regular price with product addons price: Both regular and addons prices.
• Single Page Layout: Select one of the three page layout options.
• Box Minimum Products: Minimum products to be added to the box.
• Box Maximum Products: Maximum products to be added to the box.
• Box Layout Columns: Select the number of columns to be displayed for the box area.
• Products Layout Columns: Select the number of columns to be displayed for the products area.
• Hide Out of Stock Products: If checked, out of stock products will not be displayed for the box products.
• Show Quantity Selector: Option to show quantity selector to your customers.
• Show Box Items Price: This allows to show products price.
• Allow Tax Calculation: Enable tax calculation for box products.
• Per Item Shipping: Enable per item shipping for box products.
• Override Category Filter Addon Setting: If checked, you can specify the category filter option for the current product.
• Do you want to enable: Shows if the above option is checked. Select to show/hide category filter for the current project.
• Category Filter Setting: Select one option to show the categories to be filtered.
  • Display category from selected categories: Display only the selected categories which were selected inside the “Product Categories” option below.
  • Display category from product addons: Display the product categories which belong to the addon products.
  • Display category from product addons and from selected categories: Display both addon product and selected categories.
• Product Addons: Select the addon products by entering the product names.
• Enable Categories & AJAX Pagination: If checked, the products from the selected categories will be shown on the frontend.
• Product Categories: Shows if you check the above option. Select the categories.
• Pre Added Products in box: You can choose to pre-fill the box by adding products. Merchants can either pre-fill the whole box or partially refill to let customers fill the remaining by adding the products of their choice.

Inside the Box Product Options tab, you can option to enable an extra field to allow the customers to input text message for the box product.

• Enable Message Field: Enable/disable the message input field.
• Field Label: Label for the input field.
• Field Type: Type of field. Single line input or multiple textarea.
• Field required: If checked, the input field will be required.

Frontend

On the single product page, the box product will be displayed according to the settings.

Shortcode support

We have added a shortcode to show the product boxes anywhere on the site. To use the shortcode, the “Enable/Disable short code for Box Products” option must be set to Enable from the plugin’s setting page. The shortcode is helpful to show the product boxes when using page builder plugins like Elementor.

[box_product id="10"]

Where id is the id of the box product. You can also use the shortcode without the id part if you want to add the boxes on the single product page using any page builder as:

[box_product]

WooCommerce Subscription Compatibility

The add-on to make this mix & match plugin compatible with subscriptions plugin is available for download here: Mix & Match Pro Add-on for Subscription Plugin

Request a Feature

Please contact our support team to request another feature or any customization.

Changelog

Version 1.4.14
* Fixed - Styling and JS issues if any ul/li is added into the boxes div.

Version 1.4.13
* Fixed - Add to cart issue when AJAX is enabled for Astra Theme.

Version 1.4.12
* Fixed - Subscription edit not working.
* Fixed - Recurring totals not being calculated properly.

Version 1.4.11
* Fixed - Load more button not working when no Products Per Page setting is defined.

Version 1.4.10
* Fixed - Box price being rounded off issue.

Version 1.4.9
* Fixed - Image being removed on variation selection.

Version 1.4.8
* Fixed - Fatal errors on PHP 8.2 and fixed box product not being added to cart when AJAX is enabled on single product page.

Version 1.4.7
* Fixed - Pre-filled product required checkbox issue.
* Fixed - Pre-filled product image not showing on frontend.

Version 1.4.6
* Fixed - Add to box button not working for some themes.

Version 1.4.5
* Fixed - PHP Notice when editing a subscription using our addon plugin for subscriptions.

Version 1.4.4
* Fixed - Message field breaking WooCommerce fragments inside Elementor Pro side cart widget.

Version 1.4.3
* Fixed - Box Product options not updating on latest WP version.

Version 1.4.2
* Fixed - price issue with PHP 8 version.

Version 1.4.1
* Updated - Variation out of stock adding to cart.
* Fixed - Shortcode for page other than single product page fix.

Version 1.4.0
* Added - Shortcode support to display box product anywhere on site.
* Added - Compatibility with custom field plugins by wombat.
* Fixed - Add to Cart Button translation.
* Fixed - Price disappearance after category change.
* Fixed - Product page opening in same tab after load more.
* Fixed - Variable product image not changing according to variation.

Version 1.3.9
* Added - Variable Product support with selectable variations in Product Box.

Version 1.3.8
* Added - Feature to allow customer to filter box product addons by category.
* Added - Languages files added for plugin translation.

Version 1.3.7
* Fixed - Incorrect Breadcrumb issue.

Version 1.3.6
* Fixed - Hide/Show out of stock products.
* Fixed - Random UI issue.
* Fixed - Required setting for message field.
* Fixed - Columns issue for out of stock.
* Fixed - Quantity issue for load more products.
* Fixed - Optimized code and security.

Version 1.3.5
* Added - Hide/Show out of stock products.
* Fixed - Grid layout equal height issue.
* Fixed - Masonry layout issues.
* Fixed - Ripple animation issue on loading more items.

Version 1.3.4
* Fixed - Make compatible with WordPress 5.5.
* Fixed - Box product price issue on the add/edit product page in admin side.

Version 1.3.3
* Fixed - Masonry layout issue.
* Fixed - Warning message on getting id of the product while listing the product addons.

Version 1.3.2
* Fixed - Child products issue on the cart page.

Version 1.3.1
* Fixed  - Improved the code quality.
* Fixed  - Bug in message box mechanism.

Version 1.3.0
* Fixed  - Add to cart with Ajax.
* Fixed  - Improved the code quality to resolve warnings related to object casting.
* Fixed  - Description and reviews tab issue.
* Added - Undo support for box product on removal from cart. 

Version 1.2.0
* Added - Categories support for box products. 
* Added - Ajax based load more products to load unlimited products.
* Added - Gift wrap message options - enable/disable the gift message field.

Version 1.0.9
* Fixed - Session Warning issue.

Version 1.0.8
* Fixed - Images thumbnail issue.
* Added - Dynamic box price label.

Version 1.0.7
* Fixed - CSS issues.

Version 1.0.6
* Added - Boxes color settings.
* Added - Tax calculation support for the box.
* Added - Grid & Masonry layouts support for the box items.
* Added - Short description support for the box products.

Version 1.0.5
* Added - Out of stock label for product status out of stock in box.
* Updated - Updated plugin to make compatible with new addon plugin Box Product Subscriptions.

Version 1.0.4
* Fixed - Removed items limit from a box product.

Version 1.0.3
* Added - Quantity selection for product add-ons.

Version 1.0.2
* Bug Fix - Fixed box products layout issue.

Version 1.0.0
* Initial Release.