Mostrar el avatar, el nombre de usuario y un menú desplegable de woocommerce en el menu principal de divi a los usuarios conectados

Mostrar el avatar, el nombre de usuario y un menú desplegable de woocommerce en el menu principal de divi a los usuarios conectados

En este tutorial premium de la Academia OV DIVI aprenderás a mostrar el avatar más el nombre de usuario en un menu creado en divi. Por ejemplo: «Hola, Oscar». Este saludo será completamente dinámico, es decir, mostrará el nombre de usuario correspondiente a las personas que inicien sesión (conectados) en tu sitio web o tienda.

Mostrar el avatar, el nombre de usuario y un menú desplegable de woocommerce en el menu principal de divi a los usuarios conectados

Además de mostrar el avatar y nombre del usuario vamos a diseñar un menú desplegable (dropdown) para que al posicionarnos sobre el nombre del usuario se despliegue un sub menú con todas las opciones del menú de mi cuenta de woocommerce. Obviamente a este sub menú vamos a cambiarle los estilos para darle un diseño más presentable.

Y lo mejor es que agregaremos esta funcionalidad sin plugins. 😍

Cabe mencionar que esta funcionalidad sirve tanto un menú creado desde el personalizador de temas como uno creado desde el generador de temas, no importa que método uses, el resultado será igual de bueno.

Así que si estás interesado en aprender a realizar a esta funcionalidad, te espero dentro de los tutoriales exclusivos de la Academia OV Divi.

Cómo agregar nuevas pestañas al menú mi cuenta de woocommerce y personalizarlas con el divi builder

Cómo agregar nuevas pestañas al menú mi cuenta de woocommerce y personalizarlas con el divi builder

En este tutorial premium de los tutoriales exclusivos de la Academia OV DIVI aprenderás a agregar nuevas pestañas al menú por defecto que viene en la página de mi cuenta de woocommerce.

Lo mejor será que podremos crear cualquier diseño para el contenido de estas pestañas ya que el contenido lo vamos a diseñar con el constructor visual de divi (divi builder).

Cómo agregar nuevas pestañas al menú de mi cuenta en woocommerce y personalizarlas con el divi builder

En este ejemplo agregamos una pestaña de Soporte Premium pero la realidad es que podrás agregar la cantidad de pestañas que desees con el contenido que quieras dentro de ellas, no hay límites.

Si quieres tener acceso a este y muchos más tutoriales exclusivos de divi, te invito a suscribirte a estos tutoriales, créeme, valen completamente la pena 😊

Cómo crear un impresionante menú circular con un increíble efecto hover en divi

Cómo crear un impresionante menú circular con un increíble efecto hover en divi

En este tutorial premium y exclusivo de la Academia OV DIVI aprenderás a crear un impresionante menú circular con un increíble efecto hover en divi.

Este efecto consiste en tener un botón central y al hacer click se nos desplazan las opciones del menú con un efecto de animación. Cada opción del menú también tiene su propio efecto hover, es decir, al pasar el cursor sobre cada opción la imagen hace un efecto de zoom o acercamiento y nos aparece el título correspondiente de cada menú.

Cómo crear un impresionante menú circular con un increíble efecto hover en divi

Cómo plus a cada opción del menú le agregamos un pop up para que al hacer click en cada una de las opciones del menú se nos despliegue una ventana emergente con más información.

El ejercicio es totalmente responsive y lo puedes comprobar visitando la página de demostración:

> Enlace a la demo del ejercicio.

Si quieres aprender a realizar este increíble efecto no lo dudes y únete de una vez por todas a los tutoriales exclusivos de la Academia OV DIVI.

Cómo crear un increíble mega menú en divi desde el theme visual builder sin plugins

Cómo crear un increíble mega menú en divi desde el theme visual builder sin plugins

En este tutorial premium y exclusivo de OV DIVI aprenderás a crear un increíble mega menú con el divi theme builder. Este menú lo diseñaremos desde el generador de temas de divi usando todas las características de su potente constructor visual, esto quiere decir que tendrás total libertad a la hora de crear tus mega menús con divi solamente arrastrando y soltando cualquier módulo dentro de tus secciones, filas y columnas.

Cómo crear un increíble mega menú en divi desde el theme visual builder sin plugins

El mega menú que vamos a diseñar será totalmente responsive, es decir, se va a adaptar y ajustar correctamente a cualquier resolución de pantalla, desde un móvil hasta una computadora de escritorio.

Pero lo más increíble de este mega menú es que no usaremos ningún plugin 😍, Efectivamente no vamos a requerir de ningún plugin o complemento extra. Por lo tanto, de esta manera te ahorras el precio de esos costosos plugins que hay en el mercado que muchas veces ni si quiera funcionan del todo bien con divi.

Así qué no esperes más y únete a los tutoriales exclusivos de OV DIVI para que aprendas a realizar este increíble mega menu.

Si no me crees que es increíble solo dale un vistazo a la demo:
Haz click aquí para ver la demo.

Cómo crear un menú de navegación vertical off canvas responsive con el divi theme builder

Cómo crear un menú de navegación vertical off canvas responsive con el divi theme builder

En este tutorial premium y exclusivo de OV DIVI aprenderás a diseñar un menú de navegación vertical fijo en computadoras (escritorio y laptops) y en tabletas y móviles se convertirá en un menú hamburguesa con un efecto off-canvas, es decir, el menú en responsive se abrirá a través de un icono hamburguesa que al abrirlo desplazará el área del contenido principal de nuestro sitio.

Además te mostraré cómo mantener activos los enlaces del menú conforme nos vamos desplazando sobre la página. Y lo mejor es que todo esto lo hacemos completamente sin plugins. ¿Suena genial verdad?

Menú off canvas móvil divi

Para que te des una mejor idea de lo que vas a lograr en este tutorial no hay nada cómo navegar por la demostración de este ejercicio:

> Enlace a la demostración de este ejercicio.

Si quieres tener acceso a este tutorial y muchos más tutoriales premium y exclusivos de OV DIVI puedes unirte a estos mediante una suscripción de solo $6,00 USD al mes. Créeme son tutoriales muy completos que no tienen desperdicio alguno. ¡Te espero dentro! Un abrazo.

 

Pin It on Pinterest