Creando tu primer filtro de WooCommerce
Después de la instalación del plugin, agreguemos un filtro de productos a tu tienda WooCommerce. Aquí están las formas de hacerlo:
Filtro automático
- Desde v.3.3.4/v.1.3.4 usa el shortcode [woof_front_builder name=’My Filter’] para colocar el filtro en un widget de texto, parte del contenido o cualquier otro lugar de tu tienda. De esta manera, montas un filtro único directamente en el front-end del sitio y configuras sus opciones allí mismo.
- Esta es la forma más rápida de configurar el filtro para los productos, y por cierto lo verás instantáneamente en la página de la tienda después de la instalación del plugin.

- Si quieres desactivar el filtro automático, puedes ir a la tab Options -> ‘Set filter automatically‘ selecciona ‘No‘ allí y luego guarda los ajustes. También para tus clientes puedes configurar este filtro para algunos casos como: Mostrar solo en dispositivos móviles O Smostrar solo en escritorio

Widget
- Ve a la página Widgets
- Selecciona la barra lateral que quieras usar
- Haz clic en el botón de signo más allí
- Escribe en el campo de texto de búsqueda la palabra clave ‘husky‘
- Haz clic en el icono del widget encontrado

- Configura las opciones dentro del widget instalado si es necesario:
- Título – establece el título de tu filtro o déjalo vacío
- Texto adicional antes – cualquier texto antes del filtro si es necesario
- Redirigir a – enlace de redirección para tu página de filtro especial si es necesario según la lógica de negocio de tu tienda
- Ocultar formulario de búsqueda por defecto y mostrar un botón en su lugar – si tienes un filtro grande y no quieres mostrarlo a tus clientes (o si es grande y hace que la página cargue más lento) selecciona Sí para esta opción
- Recuento dinámico – si está habilitado, mientras el usuario filtra, se mostrará cerca de los elementos del filtro el recuento real de productos
- Envío automático – si se selecciona Sí, el filtrado comienza inmediatamente si el usuario cambia cualquier elemento del filtro en el formulario de búsqueda. Si se selecciona No – el usuario debe presionar el botón Filtrar
- Posición del botón de envío – dónde mostrar el botón de reinicio del filtro
- Redibujado del formulario por AJAX – Redibuja el formulario de búsqueda mediante AJAX, y para iniciar el filtrado se debe presionar el botón “Filtrar”. Útil cuando se usa, por ejemplo, desplegable jerárquico
- Modo móvil – Oculta el widget en dispositivos móviles y aparece un botón para mostrar el filtro
- Presiona el botón Actualizar de la página de Widgets
- ¡Listo!
Shortcode
Puedes usar el shortcode [woof] en el widget de texto o en cualquier lugar de tu sitio donde sea posible configurarlo según las posibilidades del tema WordPress actual.
Aviso: recuerda, en la misma página solo puede haber un filtro.