Soporte » Plugins y Hacks » WooCommerce » Filtros en woocommerce_before_shop_loop

  • Resuelto vivigonzab

    (@vivigonzab)


    Buen día!
    Quiero agregar filtro de categoría, filtro de atributos y filtro de precio en woocommerce a la izquierda de dónde aparece el ‘woocommerce_catalog_ordering’. Saqué con un remove_action el ‘woocommerce_result_count’ y, en ese lugar, quería colocar filtros (puede ser en lista desplegable para que ocupe menos espacio).
    No logré encontrar como hacerlo!
    Muchas gracias!!

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Moderador Jose Luis

    (@jose64)

    Hola

    No entiendo exactamente lo que quieres hacer, pero si quieres poner un filtro tienes este plugin:

    WOOF – Products Filter for WooCommerce

    Puedes insertar el shortcode donde lo consideres, revisa la documentación:

    https://developer.wordpress.org/reference/functions/do_shortcode/

    Coméntanos si te sirve la información y como lo resuelves y, recuerda, cuando consideres que está solucionado, cierra el debate marcándolo como resuelto, así os ayudas a mantener el foro al día.

    Iniciador del debate vivigonzab

    (@vivigonzab)

    Gracias Jose Luis. Mi pregunta es como hacer para que ese filtro aparezca en el lugar que quiero. Es decir, arriba de los productos. Por defecto, arriba de los productos aparece la cantidad de items encontrados a la izquierda y la lista desplegable para ordenar por destacados, valoración, etc, a la derecha. Yo quiero saber cómo hacer para poner el filtro arriba de los productos. Me explico?
    Si entras a mi web, vas a ver el desplegable para ordenar productos a la derecha y quiero agregar filtros a la izquierda (pero siempre arriba de los productos y no en barras laterales). Gracias!

    Moderador Jose Luis

    (@jose64)

    A eso me refería con lo de la documentación, si el tema tiene un hook en el sitio donde quieres poner el filtro, puedes hacerlo con un shortcode, en caso contrario tendrás que hacerlo editando la plantilla correspondiente, donde puedes poner el shortcode como te indica en la documentación del codex o bien añadiéndolo directamente al código.

    Puedes incluir el shortcode antes de esa sección con el hook woocommerce_before_shop_loop, revisa esta entrada:

    WooCommerce Archive Page [Visual Hook Guide]

    WooCommerce Shop Page Hooks: Visual Guide with Code Snippets

    Si usas el plugin que te indiqué antes para crear los filtros y añades este código a tu plugin de personalizaciones o al archivo functios.php de tu tema hijo tendrás el buscador encima de los productos.

    add_action('woocommerce_before_shop_loop','filtro',30);
    function filtro() {
    	echo do_shortcode('[woof]');
    }

    Cambiando el último parámetro por 10 ubicas el filtro antes de la cantidad de resultados y el orden

    Si no lo puedes ubicar en la posición exacta tendrás que editar la plantilla en el tema hijo e insertar el shortcode en el lugar adecuado.

    También tienes que añadir el css correspondiente para que se adapte a tu tema.

    Esta explicación se aplica a cualquier plugin que te genere shortcodes para filtros, así que puedes probar con cualquier otro del repositorio, por ejemplo:

    Ultimate WooCommerce Filters

    Recuerda comentar como vas haciendo y cerrar el debate cuando lo consideres resuelto

    Iniciador del debate vivigonzab

    (@vivigonzab)

    Hola! perfecto, lo agregué con un shortcode mediante el agregago del código que me indicabas. Me gustaría modificar el CSS para que se ajuste más a mi estilo y que se muestren en tres columnas si es la versión escritorio, pero por ahora lo voy a dejar así. Gracias.

    Moderador Jose Luis

    (@jose64)

    Gracias por comentarlo, por favor, recuerda cerrar el debate marcándolo como resuelto, así nos ayudas a mantener el foro al día.

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘Filtros en woocommerce_before_shop_loop’ está cerrado a nuevas respuestas.