Oferta SiteGround Black Friday

Tutorial Divi: Mega menú de productos WooCommerce con imágenes destacadas

Logo de Divi

En toda tienda online, el menú principal se supone que está ahí para mostrar nuestros productos y categorías destacadas de la mejor manera posible, para impulsar su venta al tiempo que ofrecemos al cliente una navegación sencilla y rápida ¿no?

Pues no hay mejor menú para una tienda online que un mega menú que, además, muestre las imágenes destacadas.

Y hacer esto con Divi es muy sencillo, solo tienes que seguir leyendo…

La magia del mega menú con imágenes destacadas en Divi

Ya sabrás que hacer un mega menú en Divi es muy sencillo, de hecho viene integrada esta funcionalidad, pero crear un mega menú de productos de WooCommerce, con sus imágenes, aunque podría hacerse con el método nativo (manual) de Divi, sería más que tedioso.

Y para dar solución a este problema viene  algo llamado Divi WooCommerce Menu en forma de plugin gratuito, disponible en el directorio oficial de WordPress.org.

Lo que hace este plugin es añadir un módulo nuevo al maquetador Divi, que facilita enormemente la creación de mega menús, en este caso orientados a productos de WooCommerce.

Usarlo es muy sencillo, así que sigue leyendo…

Cómo crear un mega menú de WooCommerce con Divi

Una vez instalado y activo el plugin, y por supuesto con Divi activo, añade un módulo nuevo a tu(s) página(s), el llamado PBC Woo Menu, igual que harías con cualquier otro módulo de Divi.

Verás dentro un módulo con el icono de + com primera opción (igual que el módulo de acordeón de Divi). Cada módulo hijo se convertirá en un elemento de tu menú.

Cuando hayas añadido elementos al menú verás opciones como en la siguiente captura. Ahí es dónde se configuran todos los ajustes del elemento de tu menú, y solo afectarán a ese elemento concreto. Cada elemento debes configurarlo por separado.

Encontrarás ajustes de estilo, título y contenido del menú, etc. Y luego uno muy importante, para cargar una consulta de productos WooCommerce a mostrar en cada elemento del menú.

Para finalizar, por supuesto, podrás dar estilos a tu menú como con cualquier módulo de Divi, como sabrás, es una joya en esto.

Lo importante es que, una vez termines, tendrás un mega menú con imágenes destacadas en el que se desplegarán los productos de la consulta que hayas configurado en cada elemento de tu menú.

¿Qué cómo queda?

No te lo cuento, te lo muestro…

¡Impresionante! ¿verdad?

Y todo a golpe de clic, y con el maquetador de Divi, el más avanzado que hay.

¿Te he dicho que es un plugin totalmente gratuito? ¿te he dicho que está totalmente traducido al español?

Pues eso, que lo disfrutes.

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en los emoticonos para valorarlo!

Promedio de puntuación 5 / 5. Total de votos: 7

Hasta ahora ¡no hay votos!. Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en las redes sociales!

¡Siento que este contenido no te haya sido útil!

¡Ayúdame a mejorar este contenido!

Por favor, dime, ¿cómo puedo mejorarlo?

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

Sobre el autor

2 comentarios en “Tutorial Divi: Mega menú de productos WooCommerce con imágenes destacadas”

  1. César Manuel

    Hola Fernando muchas gracias por la aportación, pero el plugin ha sido eliminado, podrías recomendar algún otro plugin que lo sustituya? sería de muchisima ayuda

Deja un comentario

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

Información base sobre privacidad:
- Responsable: Fernando Tellado ([email protected])
- Fin del tratamiento: Moderación de comentarios para evitar spam
- Legitimación: Tu consentimiento
- Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
- Derechos: Acceso, rectificación, portabilidad, olvido

 

Scroll al inicio