Buenos días,
He creado un slider con Elementor con varias imágenes (logos), y quería que cada logo tuviera un enlace a su página web. He encontrado un código que da la solución, pero lo incrusta en un script dentro la página, me gustaría quitarlo de ahí y añadirlo en functions.php. Si lo copio tal cual no funciona, supongo que hay que adaptar el código. Es este:
<script>
document.addEventListener('DOMContentLoaded', function(){
let links = [
'https://ejemplo.com',
'https://ejemplo2.com';
]
document.body.addEventListener('click', function(e) {
if(e.target.closest.('.swpier-slide')){
let i = e.target.closest('.swiper-slide').getAttribute("data-swpier-slide-index");
location = links[i];
});
});
</script>
Habría que añadir alguna línea de código inicial para añadirlo a functions.php.
El slider lo encontraréis en el footer de la página.
Si en lugar de esta sabéis alguna otra solución para añadir los enlaces a cada imagen en particular será bienvenida.
Gracias, salutaciones.
Contenido solo visible a usuarios registrados
Hola Álex,
En este caso puedes probar añadir este script con el siguiente plugin -> https://wordpress.org/plugins/insert-headers-and-footers/ dentro de sus opciones te permite seleccionar donde añadirlo si en el hader o footer de tu sitio web, de igual forma te comparto el siguiente artículo donde explican de forma detallada como añadir script en wordpress, ya que estos no puedes agregarlos en tu function.php
-> https://www.webempresa.com/blog/como-poner-codigo-en-wordpress-en-header-footer-del-tema.html
Verifica si con ello logras añadir lo que necesitas
Un Saludo
Gracias, he encontrado otra solución más fácil, el widget de medios, deja añadir enlaces a cada elemento.
Pueden cerrar el tema, saludos.
Hola Alex,
Enhorabuena, has logrado solucionarlo, siempre encantados de poder ayudarte
Escríbenos si tienes cualquier otra consulta
Un Saludo 😊