Cette fonctionnalité est disponible avec 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 travaillez avec 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 dans 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 contacter notre équipe d’assistance — nous sommes là pour vous aider !

Remarque : 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.

Comment masquerer le texte « /jour » pour les articles tarifés à la journée