Tutorial Elementor - Mostrar/ocultar contenido (spoiler)

👨‍💻 Quieres mejorar en el uso de Elementor?

Os enseño cómo mostrar y ocultar contenido en Elementor con un botón asociado.

Recomiendo Elementor PRO:
Alberto Perojo - Desarrollador WordPress

Enlaces de interés:
· Crear tema hijo en WordPress

[elemenpros]

Te recomiendo Elementor PRO para tus proyectos! 💪

[Encisso_fitness]

Hola alberto, seria bueno que hicieras un tutorial con todo el proceso de principio a fin

[lucasdiaz]

Me funcionó perfecto, para agregar JS fui a Elementor -> Custom Code -> Encerré el script en etiquetas HTML

<script>

jQuery(document).on('click', 'div.btn-our .elementor-button-link', function (event) {
event.preventDefault();

});

</script>

[misaelliendo]

Saludos este video esta realmente excelente es justamente lo que busco, mi pregunta es posible hacerlo directamente desde la edición del tema? dentro del mismo Wordpress?

[emausosorio]

Hola Alberto! De antemano muchas gracias, funciona a la perfección tu estructura, comentarles a los demás que en el functions.php me faltaba añadir esta parte que tambien esta dentro del video:
add_action('wp_enqueue_scripts', 'custom_script');
De pronto sea de ayuda para otros ya que con esto me funciono bien. Saludos!

[claudiogonzalez]

Hola Alberto, muchas gracias por tu video, funciona muy bien. Te quería consultar con qué Plugin podría obtener el mismo funcionamiento sin tener que codificar. Muchas gracias.

[byteweb]

Hola Alberto, muchas gracias por el tutorial.

Este efecto también se puede aplicar al botón del widget de formulario de Elementor Pro.

Un saludo

[alejandrabedongonzales]

Hola Alberto, soy principiante en esto, una consulta ese codigo css lo ingresas en la parte del elementor que dice css personalizado?

[ziu]

no me funciona hice todo los pasos pero nada

[para_estudiar]

Hola Alberto. Muy buena info. Te pregunto, esa estructura de código como funcionaría en el tema responsive? O que habría que hacer para funcionará en tablets y celulares. Gracias.

[jessicacasula]

Hola Alberto! Genial vídeo, gracias. Estoy tratando de hacer lo mismo pero que en lugar de que sea un botón sea un carrusel de imágenes de elementor y en función de la imagen que "cliques", te aparezca un texto u otro. ¿Se puede hacer? La verdad es que ni idea de código, pero espero que con tu post me sitúe un poco más!

[dlimon_]

¿Este proceso funciona si quiero darle la función de spoiler a un ícono y no a un botón?

[MonteleónOficial]

Hola Alberto, gracias al cielo me encontré con tu video. Soy bastante novato en esto y me quedan algunas interrogantes por resolver. Ofreces algún servicio personalizado para ayudarme a resolver esto?

[tiziano.sanfelippo]

Hola, consulta

Donde esta el video completo de como poner los códigos y esas cosas?

Desde ya muchas gracias

[danielparedes]

GRACIAS, al día de hoy elementor aún no saca un widget para esto

[theredmaster_superbee]

Profesor por favor, necesito de su ayuda otra vez... disculpe por tantas preguntas pero es que tengo un problema, usé efectos de desplazamiento de muchos títulos y fotos que entran desde los costados hasta el centro... todo bien pero cuando pongo la previsualización de celular... esos elementos animados que llegan desde afuera de la pantalla hacen que salga una barra de scroll horizontal como si la página fuera más ancha.... porque de alguna forma toma los elementos que están fuera del campo visual... ¿cómo puedo resolverlo? Me tiene desesperado ya eso... porque asumí que si le quitaba los efectos me iba a resolver el problema pero si les quito los efectos también se los quita en la versión de escritorio... entonces dupliqué esos elementos y según yo.... al duplicar y tenerlos sin efectos de desplazamiento y visibles en la versión mobile ya no generaría la barra horizontal pero... ¡de todos modos sigue tomando los efectos de las capas que están ocultas en modo mobile pero visibles en en desktop! No sé cómo resolverlo... por favor profe-

[joseanmarijo]

Buenas tardes Alberto! Soy novato total en esto, y la verdad que no tengo ni idea, pero me voy defendiendo gracias a vuestros tutoriales. Te quisiera hacer una consulta, yo quisiera hacer que cuando el "countdonw" que pongo en una página creada con elementor al expirar el tiempo, a parte de que saliese un mensaje por ejempo: ¡Oferta finalizada! que eso ya lo sé hacer, pero que a su vez me ocultara el carrito de compra, o por ejemplo el Icono de WhatsApp. Hay alguna forma de hacerlo? Muchas Gracias por los tutoriales

[joseangelperezaguilar]

Hola, tengo 3 enlaces (imágenes que pulsas en ellas) y quiero que cada una me lleva a una parte de la misma página. El problema es que a donde quiero que me lleven es a una información que tengo en acordeones.

Es decir, pinchar una imagen y que me lleve al contenido que hay dentro de un acordeón. Pinchar otra imagen y que me lleve al contenido de otro acordeón y así sucesivamente. Los acordeones los tengo cerrados por defectos con un código html, lo cual quiero que sigan cerrados. Y que al pinchar en cada imagen me lleve a cada acordeón, se abra y me muestre la información.

No se si me he explicado bien... Aun así, agradecería mucho cualquier ayuda. Gracias.

[zafirvarela]

wow no sabes cuanto me ayudaste. GRACIAS.... pero tengo una pregunta.... me gustaría que cuando se abriera la información la página bajara sola hacia donde se abrió y al cerrarla que regrese a la parte de no se si me hago explicar... eso se puede?


NUEVO SUB

[YupiGP]

TODO BONITO PERO CUANDO ES PARA LOGIN EL EFECTO NO APARECE.. SABE EL PORQUE??