Suscribete -

function cambiarLogosAstra() { // 1. URLs de tus 2 logos .GIF (Reemplaza con tus enlaces) const logoClubGIF = 'https://elemerch.com/wp-content/uploads/2026/08/HaruClub.gif'; const logoTiendaGIF = 'https://elemerch.com/wp-content/uploads/LOGO_TIENDA.gif';


    // 2. Palabras clave en la URL que identifican al Club
    const rutasClub = ['haruclub', 'suscribete', 'suscripciones', 'faq'];
    // 3. Comprobar si la página actual es del Club
    const urlActual = window.location.pathname.toLowerCase();
    const esPaginaDelClub = rutasClub.some(palabra => urlActual.includes(palabra));
    const logoFinal = esPaginaDelClub ? logoClubGIF : logoTiendaGIF;
    // 4. Seleccionar y cambiar todos los logos del Header
    const logosHeader = document.querySelectorAll(`
      #masthead img,
      #ast-desktop-header img,
      #ast-mobile-header img,
      .custom-logo,
      .site-logo img,
      .ast-site-identity img,
      .ast-transparent-logo,
      .main-header-bar img
    `);
    logosHeader.forEach(function(img) {
      img.removeAttribute('srcset'); // Borra la imagen retina de Astra para mostrar el GIF
      img.removeAttribute('sizes');
      img.src = logoFinal;
    });
    // 5. Seleccionar y cambiar los logos del Footer
    const logosFooter = document.querySelectorAll('.site-footer img, #colophon img, .footer-logo-img');
    logosFooter.forEach(function(img) {
      img.removeAttribute('srcset');
      img.removeAttribute('sizes');
      img.src = logoFinal;
    });
  }

// Ejecutar cuando la página esté lista document.addEventListener('DOMContentLoaded', cambiarLogosAstra); window.addEventListener('load', cambiarLogosAstra);