Cette fonctionnalité est disponible sur tous les forfaits Goodshuffle Pro.

À qui s’adresse cet article

Cet article s’adresse aux utilisateurs ayant des connaissances intermédiaires en code de site web ou à ceux qui travaillent avec un développeur web.

Si vous avez fait appel à un développeur ou une agence pour l’intégration de votre site web, nous vous recommandons de leur transmettre directement cet article.

À quoi sert ce code

Ce script JavaScript supprime toutes les occurrences de « /jour » ou « par jour » des prix de l’inventaire sur votre intégration de site web, y compris :

Les cartes d’articles de la liste de souhaits
Les vues détaillées des articles

🔧 Il s’agit uniquement d’un changement visuel — cela ne modifie pas le prix ou le comportement de l’article dans Goodshuffle Pro.

Compatibilité des plateformes

❌ Wix n’est pas pris en charge. Cette méthode fonctionne uniquement sur les plateformes qui permettent de modifier directement l’en-tête du site (comme Webflow, WordPress, etc.).

Comment l’installer

Collez le code suivant dans l’en-tête de votre site :

<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>

💡 Cela affectera tous les articles affichant un tarif journalier sur votre intégration de site web.

Ce que verront vos clients

Besoin d’aide supplémentaire ?

Cliquez sur la bulle de chat bleue en bas de votre écran pour envoyer un message à notre équipe d’assistance — nous sommes là pour vous aider !

Clause de non-responsabilité : Cet article a été traduit à l’aide de l’IA. Pour toute question ou clarification, contactez-nous via la bulle de chat en bas de votre écran.