• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Ocultar filtros vacíos en FacetWP

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 1803 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. 😉

Facet WP Javascript

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes login o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?