This feature is available on all Goodshuffle Pro Plans.
Who This Is For
This article is for users with intermediate knowledge of website code or those working with a web developer.
If you partnered with a developer or agency for your Website Integration, we recommend sending this article directly to them.
What This Code Does
This JavaScript snippet removes all instances of “/day” or “per day” from inventory pricing on your Website Integration, including:
Wishlist item cards
Item detail views
🔧 This is purely a visual change—it does not change the item’s pricing or behavior in Goodshuffle Pro.
Platform Compatibility
❌ Wix is not supported. This method only works on platforms that allow direct editing of the website header (such as Webflow, WordPress, etc.).
How to Install
Paste the following code snippet into the header of your 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>
💡 This will affect all items with daily pricing labels across your Website Integration.
What Your Clients Will See
Need Additional Support?
Click the blue chat bubble in the bottom corner of your screen to message our support team—we’re happy to help!