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.
