// Espera a que el documento esté listo // Obtener todos los elementos .avada-image-select var elementos = document.querySelectorAll('.avada-image-select'); // Aplicar una clase personalizada al primer elemento if (elementos.length > 0) { var primerElemento = elementos[0]; primerElemento.classList.add('mi-clase-estilo'); var primerElemento = elementos[1]; primerElemento.classList.add('mi-clase-estilo'); var primerElemento = elementos[2]; primerElemento.classList.add('mi-clase-estilo'); var primerElemento = elementos[3]; primerElemento.classList.add('mi-clase-estilo'); } // Espera a que el documento esté completamente cargado // Busca el contenedor 'featured-image' por su clase // var featuredImageContainers = document.querySelectorAll('.featured-image'); // // Recorre todos los contenedores 'featured-image' // featuredImageContainers.forEach(function(container) { // // Crea un nuevo elemento de imagen para cada contenedor // var nuevaImagen = document.createElement('img'); // // Establece la fuente (src) de la nueva imagen // nuevaImagen.src = 'URL_DE_TU_IMAGEN_ADICIONAL'; // Reemplaza con la URL de tu imagen adicional // // Agrega la nueva imagen al contenedor 'featured-image' // container.appendChild(nuevaImagen); // }); var productos = document.querySelectorAll('.fusion-post-card-image'); // Itera sobre cada producto productos.forEach(function(producto) { // Encuentra el enlace al producto dentro de cada elemento producto var enlaceProducto = producto.querySelector('a'); // Obtiene el slug del enlace al producto var slug = obtenerSlugDesdeEnlace(enlaceProducto); // Construye la URL del producto en tu tienda WooCommerce // Realiza una solicitud fetch para obtener más información sobre el producto var urlAPI = '/wp-json/wc/v3/products?consumer_key=' + mis_variables.consumerKey + '&consumer_secret=' + mis_variables.consumerSecret + '&slug=' + slug; console.log(urlAPI) // Realiza una solicitud fetch para obtener información del producto // Realiza una solicitud fetch para obtener información del producto fetch(urlAPI, { method: 'GET', // Método GET para obtener datos }) .then(function(response) { if (response.ok) { return response.json(); // Convierte la respuesta a JSON } throw new Error('Error en la respuesta de la API'); }) .then(function(data) { // Aquà puedes acceder a la información del producto console.log('Información del producto:', data); // Verifica que el producto tenga una galerÃa de imágenes if (data[0].images) { // Encuentra el elemento "featured-image" dentro del producto actual var featuredImageElement = producto.querySelector('.featured-image'); // Obtén la URL de la segunda imagen en la galerÃa (Ãndice 1) var segundaImagenURL = data[0].images[1].src; // Crea un nuevo elemento de imagen var nuevaImagen = document.createElement('img'); nuevaImagen.classList.add("featured_last_image"); // Establece la fuente (src) de la nueva imagen como la URL de la segunda imagen nuevaImagen.src = segundaImagenURL; // Agrega la nueva imagen como hijo del elemento "featured-image" en el producto actual featuredImageElement.appendChild(nuevaImagen); // Aquà puedes ejecutar el script con las variables consumerKey y consumerSecret } }) .catch(function(error) { console.error('Error al obtener información del producto:', error); }); }); // Función para obtener el slug desde el enlace function obtenerSlugDesdeEnlace(enlace) { var href = enlace.getAttribute('href'); // Extrae el slug de la URL del enlace (debes adaptar esto según la estructura de tu URL) var partesURL = href.split('/'); var slug = partesURL[partesURL.length - 2]; return slug; } // Añade la funcionalidad aquà si es necesario