Esta función está disponible en todos los planes de Goodshuffle Pro.

A Quién Va Dirigido

Este artículo es para usuarios con conocimientos intermedios de código web o para quienes trabajan con un desarrollador web.

Si trabajaste con un desarrollador o agencia para la integración de tu sitio web, te recomendamos enviarles este artículo directamente.

Qué Hace Este Código

Este fragmento de JavaScript elimina todas las apariciones de “/día” o “por día” de los precios del inventario en la integración de tu sitio web, incluyendo:

Tarjetas de artículos en la lista de deseos
Vistas detalladas de los artículos

🔧 Esto es únicamente un cambio visual; no modifica el precio ni el comportamiento del artículo en Goodshuffle Pro.

Compatibilidad de la Plataforma

❌ Wix no es compatible. Este método solo funciona en plataformas que permiten editar directamente el encabezado del sitio web (como Webflow, WordPress, etc.).

Cómo Instalarlo

Pega el siguiente fragmento de código en el encabezado de tu sitio:

<script>
(() => {
  const SELECTOR = ".gspro-c-item-detail__price.gspro-o-price, .gspro-c-item-card__price.gspro-o-price";

  const scrub = () => {
    document.querySelectorAll(SELECTOR).forEach(el => {
      el.textContent = el.textContent.replace(/\/\s*day|per\s*day/gi, "").trim();
    });
  };

  // Small debounce so rapid mutations/route changes don't spam work
  let t = null;
  const schedule = () => { clearTimeout(t); t = setTimeout(scrub, 50); };

  // 1) Initial + dynamic (AJAX/integration) changes
  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", schedule, { once: true });
  } else {
    schedule();
  }
  const mo = new MutationObserver(schedule);
  mo.observe(document.body, { childList: true, subtree: true, characterData: true });

  // 2) SPA route changes: hook History API + back/forward/hash
  const hook = (type) => {
    const orig = history[type];
    history[type] = function () {
      const ret = orig.apply(this, arguments);
      window.dispatchEvent(new Event("spa:navigate"));
      return ret;
    };
  };
  if (history.pushState) hook("pushState");
  if (history.replaceState) hook("replaceState");
  window.addEventListener("popstate", schedule);
  window.addEventListener("hashchange", schedule);
  window.addEventListener("spa:navigate", schedule);

  // 3) When tab becomes visible again (some apps lazy-load then)
  document.addEventListener("visibilitychange", () => {
    if (document.visibilityState === "visible") schedule();
  });
})();
</script>

💡 Esto afectará a todos los artículos con etiquetas de precio diario en toda tu integración web.

Qué Verán Tus Clientes

¿Necesitas Ayuda Adicional?

Haz clic en la burbuja azul de chat en la esquina inferior de tu pantalla para enviar un mensaje a nuestro equipo de soporte. ¡Estamos para ayudarte!

Aviso: Este artículo fue traducido usando IA. Si tienes preguntas o necesitas aclaraciones, contáctanos usando la burbuja de chat en la esquina inferior de tu pantalla.