FacetWP - Color

Large catalogs are hard to browse when shoppers or readers care about color. FacetWP – Color solves this by reading color values from your posts or products and showing them as rectangular swatches. Visitors click a swatch to filter the results. It suits fashion collections, car listings, recipe databases and portfolio galleries, or any site where color drives the choice.

It works as an add-on facet type inside FacetWP, so it sits alongside your other facets in one filtering setup. You link it to a field, such as a taxonomy term, custom field or metadata, and decide how multiple selections behave. It can work with WooCommerce, Advanced Custom Fields, Elementor and Beaver Builder, and it adapts to mobile and desktop screens.

Features

• Clickable color swatches: Color values from your data source appear as rectangular swatches, so visitors can see the available colors at a glance and filter with a single click.
• Multi-select behavior options: Choose whether picking several swatches narrows the results or widens them, so the filter behaves the way your catalog and your visitors expect.
• Second click to reset: Clicking a selected swatch again clears that filter, which lets visitors change their search quickly without hunting for a separate reset control.
• Works with other FacetWP facets: The color facet combines with other FacetWP facet types and features, so you can build filtering interfaces that cover several attributes at once.
• Flexible data source selection: Link the facet to any field in your posts or products, including taxonomy terms, custom fields and metadata, to pull in the color values you already store.
• Compatible with common tools: Designed to work with WooCommerce, Advanced Custom Fields, and page builders such as Elementor and Beaver Builder, so it fits into many existing builds.
• Responsive filtering layout: The swatches are designed to work across devices, giving mobile and desktop visitors a usable color filter on the same page.
• Hooks and REST API: Developers get hooks and a REST API for customizing the facet, which helps when a project needs behavior beyond the default settings.

Best for

• WooCommerce stores selling fashion or home decor
• Directory and listing sites with color-based items
• Developers building multi-facet filters in FacetWP