Color boxes

Color boxes filter style can be used in both single-select and multi-select filter types to filter the Woocommerce Color attribute.

Color filters in the annasta Woocommerce Product Filters WordPress plugin

To setup a Woocommerce products Color attribute filter with the color box controls, select the Color boxes option from the Filter style select box.

Color boxes filter style management in the annasta Woocommerce Product Filters admin

You will see a list of the current filter items with the color-picker control next to each of them. Select the needed colors with the help of the color picker (or enter their hex codes directly into the hex code box), and set the Display label option as needed.

If you need your color boxes to show in a row, select the Display items in a row option right underneath the Filter style section.