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.
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.
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).
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 😊
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 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:
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.
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.
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?
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:
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.