[woof_front_builder]

Desde v.2.3.4/1.3.4

Este shortcode crea un formulario de filtro de productos directamente en el front del sitio usando un constructor visual. Aquí está la página de demostración donde puedes gestionar sus opciones como el administrador del sitio.

La sintaxis completa es: [woof_front_builder name=”Mi formulario de filtro” popup_width=800 popup_height=600]

• name – es un parámetro requerido y debe ser único
• popup_width y popup_height son solo para tu comodidad al trabajar con la ventana emergente

Cuando se inserta este shortcode, aparecerá un botón especial para el administrador del sitio:

Nota: al desarrollar un nuevo formulario de filtro en el front, es mejor deshabilitar el recuento dinámico para que el formulario se vuelva a dibujar más rápido. Una vez que el formulario esté terminado, vuelve a habilitar el recuento dinámico si es necesario.

Al hacer clic en este botón se abre una ventana emergente movible donde puedes:

• agregar sección de filtro usando el menú desplegable superior allí
• reordenar las secciones de filtro agregadas
• configurar ajustes generales del filtro
  
• Además, cada elemento de filtro tiene sus propias opciones [dependiendo de su tipo]:
  
  
• Todos los elementos de filtro tienen la pestaña ‘Diseño‘ donde es posible establecer su ancho personal en px y %, lo que te permite gestionar el diseño de los elementos de filtro de manera más efectiva:
  
• Solo juega con sus opciones para ver cuál se adapta mejor a las necesidades de tu negocio …

Nota: activar la opción ‘Es AJAX‘ no tiene sentido si no se ha habilitado el soporte para AJAX en la opción del plugin [pestaña Opciones -> Intentar ajaxificar la tienda] O si usas el shortcode [woof_products] usa también allí 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‘

Consejo: ¿cómo insertar cualquier filtro HUSKY encima de los productos? En el archivo functions.php del tema actual de WordPress añade 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);

El atributo ‘name‘ puede tener cualquier nombre, pero debe ser único