Usar JavaScript en Bricks para WordPress

  • Comentarios de la entrada:Sin comentarios
  • Tiempo de lectura:2 minutos de lectura

Quiero mostrarte lo fácil que es utilizar código JavaScript dentro de las páginas de WordPress que creamos con el Tema Bricks Builder.

En este vídeo te muestro cómo utilizar funciones propias de JavaScript en Bricks para WordPress. Veremos un ejemplo de cambio de texto en un Título creado con un elemento de Bricks Builder y cambio de Imágenes al pulsar un botón.

A continuación te pongo el código que tienes que poner para simular este ejemplo. Lo primero que tienes que hacer es crear las funciones que necesites dentro del espacio que reserva Bricks para ello.

<script>
function cambiaTexto(nomElemento, txt){
document.getElementById(nomElemento).innerHTML = txt;
}

function cambiarImagen(){
if(document.getElementById("iconoIMG").srcset=="https://www.rutadelaimagen1/imagen-1.jpg"){
document.getElementById("iconoIMG").srcset="https://www.rutadelaimagen1/imagen-2.jpg";
}else{
document.getElementById("iconoIMG").srcset="https://www.rutadelaimagen1/imagen1.jpg";
} 

}
</script>

Llamada a las funciones desde el botón Cambia Título en el Atributo onClick (Ver vídeo):

cambiaTexto("nomTitulo","Hola");

Llamada a las funciones desde el botón Reponer Título en el Atributo onClick (Ver vídeo):

cambiaTexto("nomTitulo","Soy un encabezado");

Llamada a las funciones desde el botón Cambia Logo en el Atributo onClick (Ver vídeo):

cambiarImagen();

Tienes que recordar poner un ID (Identificador Único) a cada elemento que quieras que cambie. Por ejemplo, en este caso la Imagen tiene un ID llamado iconoIMG y el Título H1 que muestro en el ejemplo tiene un ID llamado nomTitulo

En el vídeo te muestro dónde se ponen los ID de cada elemento que ponemos en Bricks.


Comparte en tus Redes Sociales:

Deja una respuesta

Los datos de carácter personal que consten en el comentario serán tratados por Solución Individual con la finalidad de publicar tu comentario así como enviarte a posteriori información comercial de aquellos productos o servicios que puedan ser de tu interés. La legitimación del tratamiento es tu consentimiento. Tus datos no serán cedidos a terceros. Tienes derecho a acceder, rectificar y suprimir tus datos, así como otros derechos como se explica en nuestra Política de Privacidad y Protección de datos