Seleccionar página

Crear Filtros en tienda online en Divi con Divi Ajax Filter

¡Hola DivilFans! en este tutorial de Divi les enseñaré a crear filtros en tienda online en Divi con el plugin Divi Ajax Filter . Veamos.

Por Jefferson M.

Abr 28, 2021

¡Hola DivilFans! en este tutorial de Divi les enseñaré a crear Filtros en tienda online en Divi con Divi Ajax Filter de la gente de Divi Engine.

Si estás buscando crear un sistema de filtros avanzados para WooCommerce o ACF y que sean compatibles con Divi, el plugin de Divi Ajax Filter es una de las mejores opciones en la actualidad. Este plugin no solo funciona para productos, sino a través del constructor visual puedes especificar los campos que se filtrarán, entre los que encontramos: productos, portafolio, proyectos, publicaciones del blog y cualquier otro tipo de contenido que quieras.

Índice

Mira el resultado del ejercicio que hicimos en el tutorial:

Crear Filtros en tienda online en Divi con Divi Ajax Filter muestra

Con Divi Ajax Filter podrás filtrar diferentes tipos de contenido, entre los que se encuentran:

  • Publicaciones del blog
  • Páginas
  • Productos de Woocommerce
  • Proyectos
  • Portafolio
  • o cualquier CPT que tengas creado en tu sitio, incluyendo cursos u otros.
Crear Filtros en tienda online en Divi con Divi Ajax Filter opciones

Además, puedes escoger que elemento quieres filtrar de esos tipos de contenido, entre las opciones tenemos:

  • Categorías
  • Etiquetas
  • Cajas de búsqueda de texto
  • Custom Taxonomys
  • Campos personalizados que hayas creado con ACF
  • Los atributos de productos (Variation Swatches)
  • Precios de producto
  • Calificación de producto

Con este plugin podrás configurar de una manera sencilla y personalizada un sistema de filtros para cualquier tipo de contenido que tengas con Divi.

En este tutorial centramos el ejemplo en la creación de filtros para una tienda online, porque creemos que es una de las funciones donde más podrás aprovechar Divi Ajax Filter Plugin.

Crear Filtros en tienda online en Divi con Divi Ajax Filter categorias

El Gran poder de crear filtros en tu tienda online con Divi

Divi Ajax Filter además te permite personalizar el Loop Archive (el módulo donde aparecer los resultados del filtro) de manera particular. Por ejemplo, para la tienda, te permite editar algunas opciones de visualización de los productos, añadiendo por ejemplo, el botón de «añadir a carrito», entre otras opciones de configuración.

Como ves, en nuestro tutorial logramos configurar los filtros para las categorías, etiquetas, filtros de precios, de color, talla, entre otros… De esa manera podemos filtrar los productos en nuestra tienda online de manera avanzada.

¿Crees que es útil? Si es así, espera a aprender todo lo que ofrecemos en nuestro curso intermedio de Tienda Online con Divi Bodycommerce, plugin que ya trae integrado Divi Ajax Filter. Recuerda que siendo premium tienes acceso inmediato a este curso, y a todo lo demás que hay disponible en nuestra academia.

Descarga el plugin Divi Ajax Filter acá abajo si eres premium 👇

12 Comentarios

  1. Carlos

    Me llama la atención que el botón de añadir al carro o seleccionar opciones, lo centres en la plantilla y luego al visualizar en la tienda te lo justifique a la izquierda, es un error del plugin? se puede corregir?

    Responder
    • Jefferson M.

      Hola Carlos. Si, lo pude notar, es un problema de jerarquía de los estilos con el plugin de Bodycommerce. Pero para solucionarlo solo debes ir al módulo donde colocaste el botón para añadir al carrito y colocar el siguiente CSS: » margin-left: 25%; » te muestro como: https://snipboard.io/nxzG0Y.jpg

      Responder
  2. Rosa Mora

    Hola, mucho gusto, una pregunta, es posible hacer un orden de las categorías de forma personalizada? y que no sea en orden alfabético? actualmente estoy usando el plugin con un cliente, y aunque va de maravillas, el cliente quiere organizar las categorías de una manera personalizada, que no tiene nada que ver con su orden alfabético. Saludos.

    Responder
  3. Jose Luis López Sotomayor

    Hola Jefferson, tengo un problemilla. Acabo de instalar Divi Ajax Filter y hay un error en el ícono del overlay, acá puedes verlo
    https://bajurauctions.com/demoweb/shop/
    Tengo el DIVI actualizado, habrá alguna manera de corregirlo?
    Saludos.

    Responder
    • Jefferson M.

      Que tal José Luis, hemos actualizado Divi Ajax Filter a su última versión en nuestra web, por favor descárgala y actualízala en tu instalación, con eso probablemente se resuelva el problema.

      Responder
  4. Jose Luis López Sotomayor

    Listo, ya está! muchas gracias!

    Responder
  5. Jose Luis López Sotomayor

    Ahora tengo otro problema. cuando reseteo los filtros de categoría me aparece el mensaje «No Results Found», igual cuando le quito los checks y hasta cuando le doy a la opción «All».

    Una ayuda por favor.

    https://bajurauctions.com/demoweb/shop/

    Responder
    • Jefferson M.

      Puedes Probar activando la opción de «All» desde el filtro, seguramente no está correctamente activada, o en su defecto, desactivarla.

      Responder
      • Jose Luis López Sotomayor

        Sigue igual, ya probé activando y desactivando, pero sigue con el mismo error. ¿qué podrá ser?

        Responder
        • Jefferson M.

          Es difícil saberlo pues el plugin tiene muchas opciones. Si gustas manda el acceso por soporte para echarle un vistazo.

          Responder
          • Jose Luis López Sotomayor

            Ya mismo lo mando, muchas gracias!!

            Responder

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *