What is this site?

This is the live preview demo site for the WooCombinator plugin. Check out the products page!

You can check the promotional site here or check purchase details here!

What is WooCombinator?
WooCombinator is a plugin for WooCommerce (an eCommerce solution for WordPress).
This plugin turns the boring select elements of variable products to buttons.

What is a variable product?
A variable product is a product type in WooCommerce. A variable product has multiple attributes and the customer select one from each attribute. For example a shoe has size and color attributes – the customer can select these parameters.

WooCombinator hides the select elements and renders buttons instead – but the controlling logic is still handled by WooCommerce.
You can set your own classes and/or select from the 7 pre-defined styles. Also you can write your own inline CSS styles (if there are no other option to inckude/edit a custom CSS file).

By default WooCombinator try to re-use the button element of your theme but maybe you will need some CSS tweaks.

Features

  • WordPress Customizer is supported
  • 17 predefined styles
  • 2 transition effects (experimental)
  • Set CSS classes for elements and states
  • Compatibility options
  • Plugin can be disabled on selected product pages
  • Write your own inline CSS rules
  • Changes only the display logic – the control logic is still handled by WooCommerce
  • Documentation included
  • Minified CSS and JS files are included

Warnings

  • some CSS/HTML knowledge maybe required
  • depending on your WooCommerce template maybe you will need to define the active and disabled states on your own
  • if you are using 3rd party plugins to change the behaviour of the select elements then WooCombinator maybe won’t work

Requirements

  • WordPress 4.x, 5.x
  • WooCommerce 2.5+, 3+