Descubre en este tutorial cómo evitar que se muestren los filtros vacíos de FacetWP mediante código.
Si estás usando FacetWP en algunas de tus páginas para filtrar contenido (un plugin fantástico, por cierto), es posible que si tienes muchos filtros te interese ocultar los dejan de estar disponibles cuando se selecciona uno de ellos.
El plugin gestiona bastante bien estas situaciones, pero si te interesa personalizar el HTML del alguno de ellos vas a necesitar un poco de código extra para asegurarte de los filtros vacíos se ocultan.
Vamos a ver cómo puedes conseguirlo:
Snippet para ocultar los filtros vacíos de FacetWP
Este el snippet que tienes que usar:
Para ver este código y los otros 1453 snippets de esta web,
identifícate o suscríbete aquí.
Este ejemplo está pensado para ocultar los filtros que están dentro de un contenedor (un div o similar) con la clase filter-accordion. Solo tienes que cambiar esa línea por la clase que estés usando en tu caso.
var $parent = $facet.closest('.filter-accordion');Conclusión
¿Quieres ocultar los filtros vacíos de FacetWP en una página concreta? Ahora ya sabes cómo hacerlo.
Si tienes alguna duda te leo en los comentarios. Y si quieres dejarme una sugerencia para futuros tutoriales, envíamela a través del formulario de contacto.
Todo ventajas de ser suscriptor. 😉
