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

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.

La entrada Tutorial Divi: Mega menú de productos WooCommerce con imágenes destacadas la publicó primero Fernando Tellado en Ayuda WordPress. No copies contenido, no dice nada bueno de ti a tus lectores.

0 comentarios

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir!

Deja un comentario

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