[woof_front_builder]
Desde la v.2.3.4/1.3.4
Este shortcode permite crear un formulario de filtro directamente en el frontend del sitio usando un constructor especial. Aquí tienes la página de demostración donde puedes gestionar sus opciones como el administrador del sitio.
La sintaxis completa es: [woof_front_builder nombre=”Mi formulario de filtro” popup_width=800 popup_height=600]
- nombre – es un parámetro requerido y debe ser único
- popup_width y popup_height es solo para tu conveniencia cuando trabajas con pop-up
Cuando se inserta este shortcode, aparecerá un botón especial para el administrador del sitio:

Nota: al hacer desarrollo en el front, es mejor deshabilitar el recuento dinámico para que el formulario se redibuje más rápido. Una vez hecho el formulario, habilita el recuento dinámico si es necesario.
Si haces clic en este botón aparecerá una ventana emergente móvil donde podrás:
- agregar sección de filtro usando el desplegable superior allí
- reordenar secciones de filtro agregadas
- configurar ajustes generales para el filtro

- Además, cada elemento de filtro tiene sus propias opciones [dependiendo de su tipo]:


- Todos los elementos del filtro tienen la pestaña ‘Diseño‘ donde es posible establecer su ancho personal en px y %, permite administrar el diseño de los elementos del filtro de manera más efectiva:

- Simplemente juega con sus opciones para ver qué se adapta mejor a tus necesidades comerciales…
Nota: habilitar la opción ‘¿Es AJAX?‘ no tiene sentido si no está habilitado el soporte para AJAX en la opción del plugin [pestaña Opciones -> Intenta ajaxificar la tienda] O si usas el shortcode [woof_products] usa allí también el atributo ‘is_ajax‘: [woof_products is_ajax=1]
Nota: para soporte móvil usa el shortcode [woof_mobile] colocado en el lugar donde debería aparecer el botón móvil en modo móvil. Y no olvides habilitar en la opción del shortcode 'Modo móvil‘

Indicación: ¿cómo insertar cualquier filtro HUSKY encima de los productos? En el archivo functions.php del tema actual de wordpress agrega el siguiente código:
add_action('woocommerce_before_shop_loop', function () {
if (!WOOF_REQUEST::isset('woof_before_shop_loop_done')) {
echo do_shortcode('[woof_front_builder name="top filter"]');
}
}, 2);
Atributo ‘nombre‘ puede tener cualquier nombre, pero único