WooCommerce Match Box - Example - Woo Apparel
WooCommerce Match Box - Example with Per Item Pricing - Woo ApparelMatch Box on iPhone 6 Plus Screenshot

WooCommerce Match Box


Enables a full-width grid layout with a selection counter and container grid for a much better user friendly customer experience for Mix and Match Products.

SKU: woocommerce-match-box Category: Tags: ,

Product Description

Already have the WooCommerce Mix ‘n Match Products extension but don’t like the layout of the product page? Then this extension upgrades the product page to a much more user friendly presentation of the products your customers can select in a single container.

With WooCommerce Match Box the standard single product page layout is completely changed enabling the full width of the page to be used to display your products better and easier for your customer to make a selection.

No single featured image or gallery. Just your products in a responsive grid table layout.

In replacement of the sidebar, a container grid and selection counter is presented based on the amount of items your customer is allowed to add to the container.

When the customer adds an item, it fills up the container by highlighting one of the blank items on the grid. The selection counter also adds up how many items the customer has added to the container so you have both a visual and text base counter for your customers to understand.

Each product also has it’s own counter so you know how many of each item you have added to the container. With both a + and  button per product it makes it easier to add or subtract a product from the container with just a simple click. No need to enter the amount and is user friendly on smart phone devices.

As an added bonus, if you have “Per-Item Pricing” enabled, each item will display it’s own individual price allowing the customer see just how much they are adding.

So what are you waiting for? Purchase WooCommerce Match Box and increase your sales today.

View Product Demo

In order to use the extension, you will need:


  • Go to Plugins > Add New > Upload administration screen on your WordPress site.
  • Select the ZIP file you just downloaded.
  • Click Install Now.
  • Click Activate.

Once the plugin is activated, view any mix and match product and you will see the new layout.


This extension is compatible with WooCommerce Mix and Match Products: Discount