FacetWP Color Addon

Filtrar por color sin obligar a abrir cada ficha

Quien busca un sofá, un vestido o una carcasa suele empezar por el color. Si el listado solo ofrece nombres de texto como "azul" o "verde botella", acaba abriendo ficha tras ficha para comprobarlo. El color se entiende de un vistazo, y leerlo cuesta más. FacetWP Color Addon convierte esos valores en muestras de color en las que se hace clic para filtrar entradas o productos.

Hay algo que conviene saber antes de instalarlo: el filtro es tan bueno como el dato que tiene detrás. Si en tu catálogo el color es un texto libre escrito de cinco maneras distintas, las muestras saldrán mal o no saldrán. El trabajo real está en ordenar los colores, no en el plugin.

FacetWP Color Addon solo entiende colores válidos

Es un tipo de faceta que se suma a FacetWP, así que no funciona solo: necesitas FacetWP instalado y un listado que filtrar. La faceta dibuja muestras rectangulares a partir de los valores de la fuente de datos, que puede ser un campo personalizado, una categoría o taxonomía propia o, con WooCommerce, un atributo de producto. Si usas Advanced Custom Fields, sirve un campo Color Picker, con o sin transparencia.

Los valores aceptados son estos:

• Una palabra clave de color sin espacios, como blue. "Azul marino" escrito con espacio no vale.
• Un valor hexadecimal de 6 dígitos, de 3 (#09F) o de 8, donde los dos últimos marcan la transparencia. Siempre debe empezar por #.
• Un valor rgb o rgba, como rgba(0,153,255,0.5).

Si el dato no es un color reconocible, no hay muestra que pintar. Tampoco esperes otra cosa que muestras de color generadas desde esos valores.

AND estrecha, OR amplía: cómo se combinan varios colores

La lógica de la faceta decide qué pasa al elegir más de una muestra. Con AND (coincidir con todas) solo quedan los resultados que tienen todos los colores marcados, y las demás muestras desaparecen si ya no tienen resultados. Con OR (coincidir con cualquiera) los resultados aumentan y todas las muestras siguen visibles. Un segundo clic sobre una muestra elegida anula esa selección.

Otros ajustes útiles:

• Ordenar las muestras por mayor número de resultados, por valor mostrado, por valor bruto o por orden de términos.
• Incluir o excluir colores concretos con los modificadores de valor, escribiendo el nombre del término tal cual, con sus espacios y mayúsculas.
• Limitar el número de opciones visibles.
• Mostrar solo los hijos de un término padre cuando la taxonomía es jerárquica.

El orden por términos exige un plugin que defina ese orden y, en esta faceta, solo funciona bien si todos los colores están en el mismo nivel de la jerarquía. Además, debe usarse una taxonomía real como fuente, no un campo de ACF configurado como taxonomía. El término padre no funciona en sitios multilingües: hace falta una faceta por idioma o indexar los padres de todos los idiomas.

Dudas antes de montar el filtro de color

¿Funciona sin FacetWP?

No. Añade un tipo de faceta a FacetWP, que es quien indexa y filtra.

¿Puedo usar los atributos de WooCommerce?

Sí, un atributo de producto puede ser la fuente de datos, siempre que sus valores sean colores válidos.

¿Puedo mostrar solo algunos colores?

Sí, con los modificadores de valor puedes incluir o excluir los que quieras, escribiendo el nombre exacto del término.

¿Y si mi web tiene varios idiomas?

La muestra funciona igual, pero el ajuste de término padre no, porque los identificadores cambian por idioma.

Los colores se corrigen en origen, no en la faceta

Antes de crear la faceta, revisa de dónde salen tus colores. Si usas campos propios, unifica cómo se escriben. Si usas hexadecimales, comprueba que todos llevan la almohadilla. Si usas palabras clave, que no tengan espacios. Con una fuente limpia, la faceta se configura en pocos ajustes; con una sucia, te pasarás el tiempo buscando por qué una muestra no aparece.