Marabelia Layered Nav Swatches convierte el widget nativo de WooCommerce en un filtro visual y limpio. Cada término muestra su imagen (si usas swatches) o su color; y, si no existe meta, aplica un color fallback por slug para no dejar huecos.
Qué incluye
-
Swatches automáticos en el widget “Filtrar por atributo”: imagen → color HEX → fallback por slug.
-
Panel de ajustes (WooCommerce → Swatches Sidebar):
-
Columnas configurables (1–6) para un layout compacto.
-
Tipo de bullet: Auto / Solo imagen / Solo color.
-
Forma del bullet: círculo, redondeado o cuadrado.
-
Tamaño del bullet (10–28 px) y tamaño de letra.
-
Color de hover personalizable (por defecto
#85D39F). -
Contadores: mostrar u ocultar.
-
Activación por taxonomía: aplica a todos los
pa_*o solo a los que elijas.
-
-
Compatibilidad con metadatos habituales:
wvs_term_image,thumbnail_id,product_attribute_color,yith_wccl_*,image_id, etc. -
Rendimiento: sin dependencias JS externas, CSS inyectado y escopado; amable con Core Web Vitals.
-
Temas: funciona con plantillas populares (incluido Flatsome) y con plugins de filtros/AJAX.
Beneficios
-
Experiencia de usuario más clara: el cliente ve el color/acabado real antes de filtrar.
-
Navegación más rápida: interfaz compacta en 2, 3, 4, 5 o 6 columnas.
-
SEO on-site: mejores señales de interacción sin tocar URLs ni plantillas de archivo.
Cómo empezar
-
Instala y activa el plugin.
-
Entra en WooCommerce → Swatches Sidebar, define columnas, bullet y hover.
-
Guarda, purga caché/minificado si corresponde y recarga.
Nota útil
El widget nativo puede ocultar términos sin productos o sin stock según su configuración. Si “falta” algún término, revisa ese ajuste y limpia cachés.
