Divi Sticky Options tutorial en español. Cómo fijar cualquier elemento con Divi 4.6
Вставка
- Опубліковано 19 вер 2024
- ¡Cree encabezados fijos, elementos flotantes dinámicos y más!
En este tutorial te mostraré una nueva característica de divi, llamada Divi Sticky Options o Opciones Sticky de divi.
Con esta nueva funcionalidad de divi 4.6 podremos dejar fijo cualquier elemento de divi en la parte superior e inferior de la ventana del navegador mientras nos desplazamos hacia arriba o hacia abajo y no solo es dejar fijo los elementos sino que también podemos jugar con sus ajustes y estilos, la verdad esto es realmente genial.
Abarcaremos todas las opciones a través de ejercicios prácticos, si quieres ir a un ejercicio específico aquí te dejo el minuto en el que inicia:
03:26 Fijar una sección menú en la parte superior y al hacer scroll cambiar los estilos de los elementos.
21:40 Fijar un elemento o columna en la parte lateral.
24:58 Fijar una sección en la parte inferior.
27:43 Fijar sección en la parte superior e inferior.
29:03 Superponer secciones (efecto tipo cortina).
➡️ Enlace al post del blog: ovdivi.com/int...
💥 Suscribete a los tutoriales exclusivos: academia.ovdiv...
🚨 Nuevo curso de divi 2020: academia.ovdiv...
✅ Academia OV Divi: academia.ovdiv...
🔥 Suscripción a Divi de Elegant Themes con 20% de descuento: bit.ly/2HlLVeI
💎 Comunidad de Facebook: / ovdivi
#Divi #diviStickyOptions #ovdivi
--------
S Í G U E M E
--------
Web: ovdivi.com/
Facebook: / ovdivi
---------
P E R S O N A L
---------
Twitter: / oscarviedmaweb
Web: oscarviedma.com/
![TUTORIAL DIVI: Posición FIXED o Fija en Divi ¿Qué es y como podemos usar esta opción? [Video GUÍA]](http://i.ytimg.com/vi/Ao6C4A6cSeU/mqdefault.jpg)
Genio!!! excelente trabjo , me ayudo mucho! (sobre todo las respuestas en los comentarios a los errores) . Muchas gracias!
Excelente Santiago, me alegra leer esto 😃 ¡Un abrazo!
Realmente bien explicado, rápido y claro ! Gracias amigo
Muchas gracias Cristóbal. Me alegra saber que te ha gustado. Un abrazo.
Impecable! (es la primera vez que veo un uso práctico y crativo para el Z index) Gracias OV
Genial Ramiro, espero y te haya gustado :) En algunos otros tutoriales que tengo también hemos aplicado el z-index pero en este también lo hemos aplicado de forma correcta :D
Está genial!!! y explicas muy bien.
Muchas gracias OrtaStudio. ¡Saludos!
Muchas gracias, me sirvió mucho tu video. Saludos cordiales.
Genial, de eso se trata. Un abrazo.
Lo hice para revelar mi footer al desplazarme hasta el final. Está increíble, gracias amigo!
¡Excelente Rodolfo! De eso se trata. Un abrazo.
Saludos Oscar excelentes videos!!!!!!!!!!!!!!!
Muchas gracias Armando ¡Saludos!
Excelente video Oscar! Estuve peleando todo el fin de semana con la botonera, al final opté por hacerla de otra manera, pero con este video, podré practicar y hacer eso mismo.
Lo único que le viene faltando a esta opción de sticky que agregaron, es que podamos cambiar el logo, por ejemplo, se utiliza mucho el header transparente con logo a 1 tono, y cuando comienzas a hacer el scroll, queda en su color original.
Ya hice la sugerencia a Elegant Themes, ojalá que lo lean.
Gracias amigazo por tus aportes constantes!
Saludos.
Hola Rodrigo, con la práctica se dominan los temas, así que adelante amigo :)
Sí sería genial que por defecto se pudiera hacer el cambio de logotipo. En los comentarios de este video (comentario fijo): ua-cam.com/video/09soIRll45Q/v-deo.html me preguntan cómo hacer eso y doy la solución con código, si lo necesitas te puede ser de ayuda.
¡Saludos Rodrigo!
Hola Oscar! Acabo de encontrarte hoy y estoy fascinada con tus videos, aprendiendo muchísimo (soy principiante y estoy despierta a las 5 am). Antes de éste, vi y seguí tu otro video para diseñar un menú fijo, pero usando código, y hasta después vi tu comentario en el cual dabas el enlace a este otro video, del que estoy aprendiendo aún más... Sólo tengo una pregunta: ¿Tienes algún video más reciente, en el cual uses también estas funciones de sticky options? Te lo pregunto porque seguramente Divi ha avanzado mucho en estos últimos 2 años y yo apenas estoy comenzando con Divi haciendo mi propio sitio web. ¡Gracias nuevamente y un abrazo!
Hola Aurea, gracias por descubrirme jaja. Las funciones sticky de divi siguen siendo las mismas, no ha habido cambios así que este video sigue muy vigente, te funciona de igual forma hoy día. Un abrazo hasta Acapulco Aurea :)
@@OVDIVI Perfecto Oscar, te lo agradezco mucho. Y por supuesto seguiré aprendiendo contigo como nueva suscriptora :)
Amigos, no se si os pasa, pero yo en vez de aprender Divi es Divi quién me está enseñando a mi, por supuesto con maestros cómo Oscar. Ya los tutoriales premium, "ni hablamos"..... next level
Hola Rubén, en este mundo web nunca se deja de aprender amigo. Siempre debemos estar en constante actualización y resolviendo muchos problemas. Un sitio web nunca se acaba. Así qué a seguir aprendiendo y superando cada problema. Un abrazo.
Muy bueno!!!
Gracias.
Un abrazo Natalia ;)
Fantástico video, Oscar!
Muchísimas gracias.
Gracias a ti también Manel! Un abrazo :)
Eres el Mejor tutor, excelente video
Gracias por el apoyo. Seguimos :D
Gran video, me ayudaste mucho😍😍 La mejor explicación
Qué genial Raul, me alegra saber que te ha servido este tutorial. Seguiré creando mucho contenido para divi.
Un abrazo Raul. Saludos
Genial Oscar!!!! vi todo el video anterior y ahora este! jajajaj me encanto!
Perfecto Ezequiel. ¡Un abrazote!
Excelente 💪.
Muchas gracias
Nada que agradecer Gonzalo ¡Venga! 💪
Freacking life saver!
Oscar excelente video muchas gracias por todos tus videos estoy haciendo una página web y soy nuevo y todo lo he hecho gracias a tus tutoriales pero tengo un problema que no se ve igual en diferentes resoluciones de pantalla tendrás algún video al respecto, de ante mano muchísimas gracias en lo personal me has ayudado mucho y más en estos tiempos tan complicados de antemano muchas gracias
Hola Armando qué tal, ¿Qué cosa no sé ve igual? No entendí muy bien. Un placer poder ayudarte :)
Un sitio web en divi es responsive, pero debes ayudarlo un poco, es decir, debes ajustar manualmente la tipografía, los margenes y rellenos para móvil e irlos adaptado para que tu sitio se vea mejor en distintas resoluciones. Si te posicionas sobre cada opción de divi podrás ver un icono de celular tienes que entrar allí y entrar a cada pestaña (escritorio, tableta, teléfono) para ir ajustando los valores.
@@OVDIVI Disculpa la tardanza ya lo diseñe una sección para desktop y otra para celular y tablets el problema es que la de desktop cuando lo veo en mi monitor se veia de una forma y se lo veía en el monitor de la laptop de otra, pero estaba en local host y al pasarlo al servidor mejoro ahora tengo el tema de que hice este menu de tu video ua-cam.com/video/JmmQjphHqB8/v-deo.html
pero no se que hice mal porque no esta navegando, actualmente tengo una hoja de mantenimiento y por eso no lo puedo ver si esta funcionando o no ya que cuando al colocar la pagina en otra hoja sale la de mantenimiento pero en el modo de diseño de divi quiero navegar y no me funciona, no se que hice mal, todo lo demas por ahora quedo muy bien muchísimas gracias por todos tus videos y tu tiempo, este comentario te lo acabo de colocar en otro video
Saludos
Buenas Oscar
Lo primero felicitarte por tus videos. Tu manera de narrar y explicar es de lo mejorcito qeu he visto en habla hispana en todo youtube.
Y segundo a ver si me puedes ayudar con un bug muy extraño.
He creado un menu "Sticky" siguiendo el video pero me he dado cuenta que me da un fallo en una situación en particular. Cuando actualizo una página sin que la misma este en la parte superior (es decir ya hice scroll) el menú s fija a esa nueva posición, si bajo lo pone como sticky pero si subo se mantiene transparente, con lo que se pierde entre el contenido. No se si me he explicado bien?
A alguien mas le ocurre? Se te ocurre alguna solución?
Hola Christian, muchas gracias por las felicitaciones :) seguiremos mejorando.
Qué extraño el comportamiento que tienes con el sticky, tienes tu página en línea? le podría dar un vistazo para ver que está pasando...
craaaakkkk!!!!!!!!!!!!! muchas gracias eres un pro!
Gracias por el apoyo Pedro. Un abrazo :)
Muchas gracias Oscar!! una pregunta, existirá la forma de que el formulario se mantenga sticky hasta otra sección, o sea, pase de secciones, pero no llegue al final del body?
Hola Andrés, ¡Uy! Me es difícil entender. ¿Ya lo intentaste? Si es lo que estoy entendiendo si debe ser posible, tendría que hacer mis pruebas.
Hola Oscar, estoy aprendiendo un montón con tus tutoriales. Después de muchas idas y venidas pude hacer el menú sticky para la versión de escritorio y tablet de cierta medida. Cuando voy a tablet menores y celulares el menú se superpone a la imagen de la sección de abajo. No sé si es un problema del visualizador y en ese caso como solucionarlo o si hay algún truco para visualizar la versión final "real". Gracias!!
Hola, es problable que sea por el posicionamiento de la sección. Entra a los ajustes de la sección / avanzado / puesto / y en indice Z coloca: 0
O también puedes entrar a la sección que contiene el menú y en indice z colocas: 999999
Eres un crack, gracias
Gracias Julian, un abrazo bro :)
te amo
jajaja gracias Andrés, nunca dejes de amarme. :)
Como siempre Oscar... increíblemente didáctico. Muchas gracias 👏👏👏
Este video me hizo recordar el del otro día donde hacíamos algo similar pero con Css. Creo que no tenía todas estas opciones aún el generador de temas. Es buenísima esta actualización, yo la he estado usando mucho para menús, personalizar páginas, entradas, etc. 😀
Pregunta. Veo que al guardar solo guardas cambios una vez en el generador, luego te pasas al frente, recargas y se muestra. A mi me sucede que debo guardar cambios en el generador (mientras edito) luego salir "X" y volver a guardar en la lista del generador, si no hago esto no se ve al frente... ¿sabes por qué pasa esto, hay algo que debo activar o solo cortaste del video ese segundo guardado? gracias!!
Hola Jorge, gracias por siempre estar al pendiente del canal.
Sí efectivamente en el video que hicimos hace semanas mencioné lo que se venia en divi, pero no importa, aún hay cosas que se pueden aprender del otro video cómo por ejemplo a realizar el menú desde cero y responsive. Así que todavía seguirá ayudando a personas :)
En cuanto a tu pregunta, cuando empezamos a construir un layout debes guardar cambios en la página o plantilla, salirnos y guardar cambios en el generador de temas (lista de layouts). Posteriormente para las próximos modificaciones solo basta con guardar cambios en la plantilla. Este debe ser el comportamiento normal amigo.
@Oportunidad Digital Por el facebook de OVDIVI facebook.com/ovdivi
hola Oscar... gracias por tu esfuerzo la verdad me esta ayudando mucho.... solo un detalle a mi no me deja el color blanco en toda la fila, es decir se ve cortada la sección
Hola Eliel, no sé exactamente a qué fila te refieres. ¿A cual de los ejemplos que realizamos te refieres?
Hola Oscar. Magníficos tutoriales para seguir paso a paso. Geniales!!. Hace poco que me he puesto con esto de DIVI, por si pregunto alguna tontería... pero es que me lleva loco desde ayer. Seguí tu anterior tutorial de cabecera sticky hecha con código. Todo bien, aunque no llegué a aplicar tema de cambios de color al hacer scroll. Ahora estoy cambiando la cabecera hecha, quitado código y aplicando el Divi Sticky. Funciona todo, pero no me deja configurar los cambios de color para el scroll, ya que no me aparece el símbolo del sticky junto al resto. Si en otros módulos de la página, pero no en este de la cabecera. ¿alguna idea de lo que ha podido pasar?. Muchas gracias y enhorabuena. Ayudas un montón.
Hola qué tal, en que elementos o módulos no te aparece la opción? Para que te aparezca el icono de sticky debes habilitar el sticky en la sección para que todos los elementos que están dentro les aparezca el icono sticky. También es importante tener actualizado divi a la versión más reciente.
Oscar excelente video muchas gracias, solo una pregunta como puedo fijar un menu en la parte inferir de una sección y que sea sticky....gracias de antemano
Hola qué tal Fernando. Puedes usar una posición Fixed o fija. Te vas a los ajustes de la sección > Avanzado > Puesto > Fijo y la posición la colocas en la parte inferior
Buenas, tengo una duda, se puede dejar un apartado sticky to bottom, pero que se enganche a mitad de la página, no desde el principio y luego que caiga en su sitio, sino al revés de como mostraste en tu ejercicio de primeras no está fijo y luego se engancha fijo.
Gracias por tus tutoriales
Hola Luis ¿Tienes un ejemplo? Alguna página que lo implemente para darme una mejor idea y poder ayudarte
Buenas tardes amigo Oscar, quisiera me ayudaras por favor en algo donde me quedé atorado. Y es que pasa que tengo una fila que no se refleja el Ancho Completo, por más que lo configure tan cuál lo demuestras en tu vídeo.
Hola Daniel, puede ser un tema cache de tu sitio, revisa que cumplas los requisitios php de divi desde Divi / Support Center...
Hola, no me aparece el marcador de posicion entre todos los iconos, por que será? Tengo Divi 4.6.1
:( Cómo vas con el problema amigo?
@@OVDIVI A mí no me aparece el símbolo del Sticky, sólo Escritorio, Phone y Hover :(. 4.6.1.
@@Herospikdesign Intenta borrar la página y volver a construirla de nuevo a ver si eso lo soluciona
a mi tampoco me aparece, tengo la versión 4.6.3
@@tairondeatach9131 Intenta activar la opción de Sticky position en la sección y posteriormente ya te debe aparecer el marcador
Hola Oscar muchas gracias por tus videos eh aprendido mucho, tengo un detalle quiero aplicar el scroll verticarl cuando abres un producto de una tienda ecommerce segui los pasos pero no sé porque razón al momento de hacer scroll hacia arriba la imagén de mi producto se sale de la sección y se posiciona encima del menú a pesar de que el z-index del menú es mayor, espero me puedas ayudar, muchas gracias :D
Hola German, me gustaría revisar el enlace de tu web. Por cierto revisa que la sección que contiene tu menú tenga un indice z más alto: 999999
Me ha gustado mucho el tutorial y he aplicado el último ejemplo, aunque estoy teniendo un problema, cuando la fila llega a la parte superior de la página, el botón no funciona, solo esta activo cuando no se ha desplazado en su totalidad la fila, me gustaría saber si hay alguna solución
Hola Lau, puede ser por algunos estilos de divi, hay que inspeccionar la página y ver que estilo está causando el problema. Por cierto también prueba deshabilitando la Generación CSS Estático de divi. Esto lo deshabilitas desde Divi / Opciones del tema / Constructor / Avanzado...
Hola amigo gracias por tus vídeos, quiero hacerte una pregunta sobre esta funcionalidad. Quiero poner una fila que se adhiera a la parte inferior pero despues de que se ha hecho scroll por algunas filas, como se puede hacer para que suceda, necesitaré código o con esta funcionalidad podré hacerlo. He mirado si hay alguna manera de poner una condicion o algo pero ha sido inútil. Gracias si respondes. Saludos
Hola Felipe, supongo que la fila que quieras se adhiera debe ir después de todas las demás filas que no quieres que se adhieran para que al llegar a la parte top ésta se quede fija.
Hola Oscar. Estoy siguiendo tu video al detalle y lo puedo aplicar al pie de la letra, lo único que me pasa es que en algunas opciones, por ejemplo cuando quiero cambiar el color del texto del menú al desplazar, no me aperece el botón sticky en Menú Configuración / Diseño / Texto del menú / Menú Color del Texto ... solo me aparecen los íconos de interrogación, celular, cursor y los 3 puntos. no aparece sticky :( que puedo hacer ?
Asegurate de habilitar la opción sticky de desplazamiento de la sección fila e incluso del propio módulo desde los ajustes / avanzado / efectos de desplazamiento
mil gracias oscar!!! Tenia dias tratando de hacer eso y no podia, pero utilizando las 2 funciones de sticky y fixed y apude. Solo tengo una pregunta, o se si me puedes ayudar porfa. en la pagina necesito que el logo tambien cambien al ejecutarse el sticky, pq el logo es blanco, y cuando queda en sticky la franja del menu cambia a blanco y no se ve. Entonces necesito cambiarlo pero no me sale el icono de sticky en la seccion de imagen.. Igual mil gracias por el video
Hola qué genial :)
Para reemplazar el logo tengo este otro tutorial: ua-cam.com/video/z1hXQbfi69E/v-deo.html
tengo la ultima version de divi pero no me salen las sticky options para los fondos que puede ser? solo me sale el resosive y el hover
Hola Hardroco, para que te salga el icono de sticky debes tener activada las opciones sticky en la sección.
Hola, gracias por el tutorial, En el último ejemplo, cómo se haría si en la sección de dos columnas quisiera dejar la derecha fija, mientras en la izda se superpusiesen por ejemplo dos fotos antes de subir la siguiente sección. Gracias
Hola Mars, hijole! Me es difícil comprender lo que deseas. Pero creo sería parecido al último ejemplo que realizamos, juega con los valores de z-index. Prueba prueba prueba hasta lograrlo amigo.
y el menú lateral es responsive para el celular y tablet?
Hola Rubén ¿A qué menú lateral te refieres amigo? Puedes dejar fija una columna lateral para escritorio, para móvil habría que desactivar el sticky.
Hola! Me gustaría saber como hago para que el menú desaparezca una vez termine la primera sección del banner principal 😊
Hola hola, probaste con "quedate en la parte superior" y en límite pegajoso inferior seleccionar "area del cuerpo"? Si no es posible de esta manera hay que hacerlo con código amigo.
AYUDA!!!
El Sticky to top, no queda arriba totalmente, por el contrario se baja unos pixeles y queda extraño
Hola José Daniel, ¿Cuál es la url de tu página? Quiero darle un vistazo
Muchísimas gracias por todos tus vídeos, Oscar! Me surge una duda con el tema de sticky en el menú. En cuanto hago un mínimo scroll se activa la versión "sticky". Hay alguna manera de indicarle que la versión "sticky" se active cuando se baje 80px por ejemplo y no antes?
Mil gracias!!
Hola Pablo qué tal, me temo que divi ya viene configurado por defecto de esa manera amigo. También dependerá de lo que estés deseando realizar. ¿Exactamente que deseas lograr?
@@OVDIVI Muchas gracias, Óscar! Nada del otro mundo. Quiero hacer una one page, y que el botón inicio vaya justo al principio, pero con las pruebas que estoy haciendo, cuando doy en el menú a inicio (correspondiente a la primera sección debajo del menú), va a esa sección, pero me deja un espacio en blanco entre la sección y el menú (que ya aparece con la versión sticky). Es simplemente por un detalle visual. He visto que cuando uso el menú desde personalización (sin crearlo en el divi theme) y activo el menú fijo, hay unos píxeles de margen para hacer scroll, es decir, inicias el scroll pero hasta que no ha bajado unos píxeles no se activa el menú fijo. Es como que la transición de un menú a otro es más agresiva cuando se utiliza la opción sticky. No sabía si había alguna opción o código para indicarle que el "cambio" se inicie a los X pixeles para que fuese menos brusco. Entiendo que no :).
Mil gracias por compartir tanto, Óscar. Tus vídeos me vienen de muchísima ayuda!! Gracias!
@@pablovelascodigital Entiendo Pablo. Puedes intentarlo con código cómo lo hago en este tutorial: ua-cam.com/video/09soIRll45Q/v-deo.html
Probablemente te sea útil, dale un vistazo a ver si te sirve. Un abrazo.
@@OVDIVI Mil gracias, Óscar! Le echaré un vistazo :). Gracias!!
Perdona, soy javier. Un saludo.
Te he respondido en tu comentario Javier. Saludos
Muy buen video, se agradece. Una consulta, como se haría en el caso de un menú móvil, ya que si se usa un tamaño por ejemplo, para el logo de 70% en escritorio y al hacer scroll se reduzca al 60%, en el caso de la versión móvil se define el tamaño del logo a un 40% y si se hace scroll se aumenta el logo al 60% ?
Hola Ricardo también puedes cambiar el tamaño para móvil desde los ajustes del módulo / tamaño... Debes activar el icono del celular con el icono de sticky activo.
excelente vídeo, tengo un detalle que quizas pasé por alto, cuando realizo scroll down mi menu desaparece :( sabes por que?
Hola, gracias Medusa! Podría ser por la configuración que estás aplicando en sticky, revisa eso, quizá se te fue un valor por allí
he usado la opcion sticky para mi encabezado pero se sigue sobreponiendo a la primera sección de la página. Que puedo hacer?? Solo funciona si activo la opcion "Relative" en la caracteristica "Puesto" pero al hacer esto hay algunas páginas en las que el encabezado cambia y se reduce a la mitad de la pagina
Hola Sofy, Qué extraño debe funcionar bien con las opciones sticky. ¿Me compartes la url de tu sitio? Para revisar el comportamiento.
@@OVDIVI este es mi sitio hierroforjadoelcandil.com/inicio/ el error pasa cuando vas a la categoría del producto x ejemplo
@@sofyruano8745 No logro identificar el "error" que mencionas. No sé si es porque ya haz desactivado el sticky.
Hola! excelente video me ayudo bastante y muy bien explicado, tengo un pequeño problema, en la web que ando haciendo tengo un acordeón y al momento de dar click el menú vuelve hacer transparente disculpa ¿hay manera de corregir este problema?
Quiero ver el detalle para poder ayudarte. Me compartes la url de tu web y reviso que pasa :)
@@OVDIVI Claro! la web que ando desarrollando es la siguiente kugar.com.mx/servicios/
@@vladimireliudramos9655 Oye es cierto, qué extraño. Es algo que jamás me ha pasado. Considero que es un bug de dicha funcionalidad con divi. ¿Tienes la versión más reciente de divi? También sería genial reportaras este bug al equipo de Elegant Themes. Quizá ellos tienen la solución a este problema amigo.
Cuántas opciones hay de stiki podrías hacer vídeos de eso o mostrar efectos de cada uno.
Tienes videos de efecto pafalax
En este video repasamos todas las opciones sticky de divi Juan. Puedes complementarlas con el post original de elegant themes: www.elegantthemes.com/blog/theme-releases/divi-sticky-options
En el canal tengo algunos de efecto parallax, por ejemplo este: ua-cam.com/video/NTTOlosEdDA/v-deo.html
Y también este: ua-cam.com/video/Ut8iErJkH8c/v-deo.html
Hola gracias por el video, me podrías indicar como desactivo el menú global desde el generador de temas? por favor
Hola Nico, solo tienes que hacer click en los 3 puntitos verticales del encabezado personalizado y darle desactivar global...
OV DIVI gracias 😊
como hago en una seccion de tabs como de woocomerce el tabs quiero que este fija pero el contenido no,
Hola Piter, ¿cómo cómo? No logro entender tu pregunta amigo. ¿Me la puedes explicar otra vez? o incluso mostrar un ejemplo?
son cosas mias o la opcion esa de sticky ya no aparece en las nuevas versiones de divi? yo tengo la Versión: 4.14.2
Hola Willy, si aparece, recuerda que primero en la sección debes habilitar la opción sticky para que después te aparezca el icono del marcador (sticky) en las filas y módulos que contenga la sección.
Hola Oscar genial el video y todos tus videos con Divi, pero sobre este en la creación de menú al verlo en tamaño celular o tamaño tableta todo se desforma y queda feo, que se puede hacer?
Hola Gustavo lo que debes hacer es ver el otro tutorial que recomiendo dónde hacemos el menú desde cero. Aquí solamente me enfoco en explicar las opciones de divi sticky y no en la creación del menú.
Puedes ver este: ua-cam.com/video/JmmQjphHqB8/v-deo.html
Incluso este otro: ua-cam.com/video/09soIRll45Q/v-deo.html
tienes que irte a la visualización modo celular o tableta e irlo modificando para esas opciones.
Muy buen canal, gracias por todo lo que aportas!!!
He creado un menu "Sticky" siguiendo el video pero me he dado cuenta que me da un fallo en una situación en particular. Cuando actualizo una página sin que la misma este en la parte superior (es decir ya hice scroll) el menú s fija a esa nueva posición, si bajo lo pone como sticky pero si subo se mantiene como debería estar en la parte superior. No se si me he explicado bien?
A alguien mas le ocurre? Hay alguna solución?
Hola Maximiliano probablemente sea un bug de la versión de Divi. Sería mejor te pongas en contacto con el soporte de Elegant Themes para que le reportes el problema. Yo desconozco el problema, no me ha pasado, por lo tanto, no sé como ayudarte amigo.
Saludos.
@@OVDIVI Muchas gracias, seguiré indagando.
@@mgbingenieria6754 Muy buenas Maximiliano. Conseguiste solucionarlo?. Lo digo xq a mi me pasa lo mismo y sería de ayuda saber si lo solucionaste. Gracias
Hola, seguí todo, en la previsualizacion se ve bien, pero guardo y veo cambios en otra página y no lo hace, todo se sobrepone.
Hola Gerardo, seguro se debe a la Generación de CSS Estático de divi. Desactiva esa opción desde Divi > Opciones del tema > Constructor > Avanzado...
@@OVDIVI gracias por tu respuesta, en otro tema relacionadp a divi me gustaría saber si puedo crear un mini carrito para woo, es decir un icono en mi menú en donde esté la previsualizacion de mis productos agregados.
@@gerardodelacruz2023 Así es, tengo un tutorial premium para agregar un carrito ajax en divi y sin plugins: ovdivi.com/como-agregar-un-carrito-ajax-de-woocommerce-con-desplazamiento-lateral-en-divi-sin-plugins/
@@OVDIVI Ya chequé bro y si me interesa, pero no vi si el ícono de carrito está en el menú principal, lo que pasa es que yo no lo quiero flotante, si me serviría bro?
@@gerardodelacruz2023 Sí lo podemos colocar en el menú, yo te puedo ayudar con eso una vez estés suscrito. ¡Saludos!
Hola bro muy bueno tu video...
Tengo un problema que no me aparece en ninguna lado la opción de sticky que crees que pueda ser...???
Tengo la version 5.6.1 me podrias ayudar🙏
Hola Jeff, no sé que puede estar pasando, te recomiendo tengas actualizado divi a la última versión. También, recuerda que para que se muestre el icono Sticky debes tener habilitado las opciones sticky en la sección.
Muy bien, pero me hubiera gustado verlo en la vista móvil para ahorrarme el paso
Hola Jorge, también funciona para móvil :) está más que comprobado. Un abrazo.
@@OVDIVI el efecto si me funciona pero la alineación no me queda bien
@@MariaLauraChavez Hola María Laura, ¿A cual efecto y animación te refieres? Si gustas puedes compartirme el link de tu web. Saludos
@@OVDIVI Muchas gracias por responder Oscar. Me pasaba que en móvil no se veía bien. Me quedaba el logo arriba del menú hamburguesa y al abrir la hamburguesa los nombres de secciones (menún) no se distinguían porque el fondo me quedaba transparente. (no puedo mostrarte el error actualmente, porque tenia que dejar la web lista ayer. Asique tomé varios css (Snippets) de tu web para hacer bonito un menú divi clásico. Probaré para otro trabajo éste tutorial a ver que tal. Gracias por cada aporte y por responder siempre!! Da gusto aprender contigo!
@@MariaLauraChavez Genial María Laura, lo bueno encontraste una alternativa y diste con una buena solución, de eso se trata.
Cualquier otra duda, estaré encantado de ayudar. Saludos.
Hola Oscar,
Todo perfecto, pero me estoy haciendo un verdadero lío en la vista responsive con el menú hamburguesa, que se me va para donde quiere. no consigo ponerlo en su sitio
Hola Rubén, ¿Cuál es la url de tu sitio? Lo reviso y te ayudo con el problema.
@@OVDIVI es un subdominio de pruebas, donde practico divi. divi.webmasterempresas.com
@@rubencalvomerino6238 Mira este otro video para que aprenda a diseñar el menú en responsive correctamente: ua-cam.com/video/JmmQjphHqB8/v-deo.html
@@OVDIVI gracias Oscar
Como se puede hacer para que en la móvil el menú no se desplace?
Solamente desactiva las opción sticky para versiones móviles.
wow que bueno son actuación
Siii :)
Hola Oscar. Amigo un par de consultas, En min 6:46 cuando refrescas, tu imagen baja y el menú no se mueve. En mi caso El menú se achica un poco y la imagen baja y sube, acomodándose nuevamente, también se achica y agranda un poco el logo. Esto me pasa en windows y en android cada vez que refresco. En mi caso el menú no esta creado en constructor por ende no puedo usar la funcionalidad que explicas. Lo tengo así pues uso un plugin que me da funcionalidades que aportan también para su funcionalidad en móvil, es por ello que no lo puedo quitar y aplicar esta genial funcionalidad. Que podría estar pasando??? 🤔. En mi opinión podría ser el hecho que el menú por defecto se achica en divi al subir. Creo que por allí podría ir la cosa, aunque no estoy seguro. Tu opinión seria de mucha ayuda nuevamente.
Lo otro es que, debo colocar 2 identificadores de ID css en avanzados y clases CSS. de una sección de ancho completo. Como no lleva filas no puedo agregarla allí .El tema es que uso enlaces ancla en mi web, pues es una Todo en uno, ademas uso un identificador css para otro efecto. Mi problema es que debo agregar 2 identificadores en este ítem y no se si se podrá. disculpa si soy muy redundante, pero quería explicar muy claramente la situación. Alguna idea sobre este otro problema???
Mil gracias por cualquier ayuda sobre estos problemas. 🙏👀👍
Hola PAT qué tal, la imagen baja porque la sección que la contiene tiene un efecto de animación. Para que funcione correctamente debes usar el theme builder, no sé como hayas creado tu menú y no sé que problemas de incompatibilidad está teniendo, si estás usando algún plugin podrías ponerte en contacto con los desarrolladores, quizá ellos sepan que es lo que sucede amigo, así me es difícil saberlo.
Para agregar dos identificadores solo colócalo adelante del otro, lo mismo es con las clases, no importa cuantos ID o clases quieras insertar solamente da un espacio y escribe el otro. :)
@@OVDIVI La imagen esta en un menú tradicional no construido con divi builder ni theme builder. Lo que si, la sección es de ancho completo y esta bajo el menú que tiene un efecto de partículas generado por el plugin Divi toolbox. Al verlo me da la impresión que la sección presiona el menú hacia arriba 🤔🥱. Esta raro esto Bro. Bueno acá ya son las 02:30 am, a 😴😴😴.
Con respecto a los ID y Clases de CSS, coloque el id de la clase y seguido por un espacio la etiqueta ancla " inicio " y no funciono, ni el efecto ni el enlace ancla. Bueno a dormir y después veré si logro salir del cacho este.
Ha, creo que te ayuda un poco amigo. Compre el tema divi en plan LifeTime con tu enlace, espero te aporte con un poco si quiera. Un gran saludo y después a ver si te sigo molestando. De mas esta decir que si se te ocurre algo sobre lo que ya dije. cualquier idea sera muy bien recibida y puesta en practica. Ya se me agoto el coco a mi a esta hora 😬
@@patgomez5243 sí me envías el enlace del sitio podría revisar que sucede, me sería más fácil.
Muchas gracias por el detalle de comprar divi a través de mi enlace, en verdad muchas gracias PAT. 🥰
Sí me dejas el enlace de tu sitio quiza pueda ayudarte con el problema.
Un abrazo.
@@OVDIVI Pues de nada amigo. Ve vídeo un poco tarde y después de hacer otros deberes. Me alegro en poder haberte ayudado algo. Y agradezco mucho tu ofrecimiento. Te agradecería igualmente si me pudieras enviar tu correo para que te envíe el enlace a mi web en desarrollo. Seria genial si le das una mirada, yo soy algo nuevo en esto y pues de seguro hay cosas que no veo tan claro o rápidamente como tu, que posees experiencia en este tema. Quedo la espera del correo si es posible. Gracias.
@@patgomez5243 Claro que sí PAT, aquí tienes mi correo por si deseas escribirme: hola@ovdivi.com
Carambolas, excelente tutorial. Cada vez tienes más temas interesantes. Ojalá pudieras enseñarnos alguna manera de hacer más eficiente nuestro código y nuestra velocidad de carga. Saludos y gracias. Visiten mi estudio web: alanrangel.com
Muchas gracias Alan, sí claro tendré que hacer un tutorial al respecto :) ¡Saludos!
Por cierto muy linda página, solo una recomendación para los títulos, veo que estás usando VW, está bien, solo que en el titulo de WEB EXPERT hace un salto de línea, tendrías que hacer más ancho el módulo, veo que tiene un ancho máximo de 600px, podrías subirlo a 800px para evitar ese detalle en pantallas con resolución más grande.
Un abrazo.
@@OVDIVI Woooow, muchísimas gracias. Por eso me encanta este canal. Ya mismo voy a corregir el error. abrazo.