/* ============================================================ DFW simple page router + page-specific modules - Locale-agnostic (/en, /en-US supported) - Trailing slash agnostic - Works with preview_theme_id & SPA-ish navigations - Prevents duplicate init per route ============================================================ */ (() => { // ---------- Router core ---------- const state = { booted: Object.create(null), lastPath: null }; const isLocaleSegment = (seg) => /^[a-z]{2}(-[A-Z]{2})?$/.test(seg); const normalizePath = (path) => { try { const u = new URL(String(path), location.origin); let p = u.pathname.replace(/\/+$/, "").toLowerCase(); const parts = p.split("/").filter(Boolean); if (parts.length && isLocaleSegment(parts[0])) parts.shift(); return "/" + parts.join("/"); } catch { return (String(path) || "/").replace(/\/+$/, "").toLowerCase(); } }; const currentPath = () => normalizePath(location.href); const pathMatches = (matchers, path) => (Array.isArray(matchers) ? matchers : [matchers]).some((m) => typeof m === "string" ? normalizePath(m) === path : m.test(path) ); const oncePerRoute = (key, fn) => { if (state.booted[key]) return; state.booted[key] = true; try { fn(); } catch (e) { console.warn("[DFW route error]", key, e); } }; // Reboot on SPA-ish nav const hookHistory = () => { const fire = () => window.dispatchEvent(new Event("dfw:navigation")); ["pushState", "replaceState"].forEach((k) => { const orig = history[k]; history[k] = function (...args) { const ret = orig.apply(this, args); fire(); return ret; }; }); window.addEventListener("popstate", fire); }; const startRouter = (routes) => { const boot = () => { const p = currentPath(); if (p === state.lastPath) return; state.lastPath = p; state.booted = Object.create(null); routes.forEach((r) => { if (pathMatches(r.match, p)) oncePerRoute(r.key, r.run); }); }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", boot, { once: true }); } else { boot(); } hookHistory(); window.addEventListener("dfw:navigation", boot); document.addEventListener("shopify:section:load", boot); document.addEventListener("shopify:section:unload", boot); document.addEventListener("shopify:section:select", boot); document.addEventListener("shopify:section:deselect", boot); }; // ---------- Page configs ---------- // NOTE: Titles must match the exact text content found in .gbbProductTitleOnly / #gbbProductTitleOnly. const BYOB_PAGE_CONFIG = { default: { // --- Member pricing (title => handle) --- TITLE_TO_HANDLE: { "2023 La Staffa Ineffabile": "2023-la-staffa-ineffabile", "2023 Vegatolosa Merlot": "2023-vegatolosa-merlot", "2023 Weinkontor Pflüger Fossilis Pinot Noir": "2023-weinkontor-pfluger-fossilis-pinot-noir", "2015 Champagne Lelarge-Pugeot Nature et Non dosé": "2015-champagne-lelarge-pugeot-nature-et-non-dose", "NV Famille Moltès Les Chais Saint-Antoine Crémant d'Alsace": "nv-domaine-moltes-alsace-sparkling", "2024 Craig and Carla Hawkins Faraway Places: Koringplaas": "2024-craig-and-carla-hawkins-koringplaas", "2024 Chateau Landra Pulchra Durmiens": "2024-chateau-landra-pulchra-durmiens", "2021 Château Moulin de Peyronin Bordeaux Rouge": "2021-chateau-moulin-de-peyronin-bordeaux-rouge-1", "2022 Château Ferran Saint Pierre Bordeaux Supérieur Tradition": "2022-chateau-ferran-saint-pierre-bordeaux-superieur-tradition", "2023 Charles Frey Pinot Noir": "2023-charles-frey-pinot-noir", "2023 Weingut Zwölberich Spätburgunder": "2023-weingut-im-zwolberich-spatburgunder", "2024 Mick and Jeanine Craven Viognier": "2024-mick-and-jeanine-craven-viognier", "2023 Domaine de Cinq Chemins A Time for White Flowers": "2023-domaine-de-cinq-chemins-a-time-for-white-flowers", "2024 Lighthouse Wine Company": "2024-lighthouse-wine-company-sauvignon-blanc", "2024 Tasi Rosé": "2024-tasi-rose", "2024 Domaine de la Triballe Rosé de la Rainette": "2024-domaine-de-la-triballe-rose-de-la-rainette", "2024 Weingut Schwedhelm Alter Schwede Rosé": "2024-weingut-schwedhelm-alter-schwede-rose", "2022 Hauts de Joyan Orange": "2022-hauts-de-joyan-orange", }, // --- Badge text --- TITLE_TO_BADGE: { "2023 La Staffa Ineffabile": "Pét-Nat", "2023 Vegatolosa Merlot": "Red", "2015 Champagne Lelarge-Pugeot Nature et Non dosé": "Champagne", "NV Famille Moltès Les Chais Saint-Antoine Crémant d'Alsace": "Crémant", "2024 Tasi Rosé": "Italian Rosé", "2022 Hauts de Joyan Orange": "Orange", "2024 Craig and Carla Hawkins Faraway Places: Koringplaas": "Rhône-Style Red", "2024 Chateau Landra Pulchra Durmiens": "Rhône Red", "2021 Château Moulin de Peyronin Bordeaux Rouge": "Bordeaux Rouge", "2023 Charles Frey Pinot Noir": "Pinot Noir", "2023 Weinkontor Pflüger Fossilis Pinot Noir": "Pinot Noir", "2023 Weingut Zwölberich Spätburgunder": "Pinot Noir", "2023 Domaine de Cinq Chemins A Time for White Flowers": "Chenin Blanc", "2024 Lighthouse Wine Company": "Sauv Blanc", "2024 Mick and Jeanine Craven Viognier": "Viognier", "2024 Longavi Rosé": "Chilean Rosé", "2024 Domaine de la Triballe Rosé de la Rainette": "French Rosé", "2024 Weingut Schwedhelm Alter Schwede Rosé": "Rosé of Pinot", }, // --- Badge dot color (red | white | rose | orange | sparkling) --- TITLE_TO_COLOR: { "2023 La Staffa Ineffabile": "sparkling", "2023 Vegatolosa Merlot": "red", "2015 Champagne Lelarge-Pugeot Nature et Non dosé": "sparkling", "NV Famille Moltès Les Chais Saint-Antoine Crémant d'Alsace": "sparkling", "2024 Tasi Rosé": "rose", "2022 Hauts de Joyan Orange": "orange", "2024 Craig and Carla Hawkins Faraway Places: Koringplaas": "red", "2024 Chateau Landra Pulchra Durmiens": "red", "2021 Château Moulin de Peyronin Bordeaux Rouge": "red", "2023 Charles Frey Pinot Noir": "red", "2023 Weinkontor Pflüger Fossilis Pinot Noir": "red", "2023 Weingut Zwölberich Spätburgunder": "red", "2023 Domaine de Cinq Chemins A Time for White Flowers": "white", "2024 Lighthouse Wine Company": "white", "2024 Mick and Jeanine Craven Viognier": "white", "2024 Longavi Rosé": "rose", "2024 Domaine de la Triballe Rosé de la Rainette": "rose", "2024 Weingut Schwedhelm Alter Schwede Rosé": "rose", }, // --- Title replacements --- TITLE_TO_DISPLAY: { "2023 La Staffa Ineffabile": "2023 La Staffa Ineffabile", "2023 Vegatolosa Merlot": "Vegatolosa Merlot", "2015 Champagne Lelarge-Pugeot Nature et Non dosé": "2015 Lelarge Pugeot Champagne", "NV Domaine Moltes Alsace Sparkling": "NV Domaine Moltes Crémant d’Alsace", "2024 Tasi Rosé": "2024 Tasi Rosé", "2023 Weinkontor Pflüger Fossilis Pinot Noir": "2023 Weinkontor Pflüger Fossilis Pinot Noir", "2022 Hauts de Joyan Orange": "2022 Joyan Orange", "2024 Craig and Carla Hawkins Koringplaas": "2024 Hawkins Koringplaas", "2024 Chateau Landra Pulchra Durmiens": "2024 Landra Pulchra Durmiens", "2021 Château Moulin de Peyronin Bordeaux Rouge": "2021 Moulin de Peyronin", "2022 Château Ferran Saint Pierre Bordeaux Supérieur Tradition": "2022 Château Ferran ‘Tradition’", "2023 Charles Frey Pinot Noir": "2023 Charles Frey Pinot Noir", "2023 Weingut Zwölberich Spätburgunder": "2023 Spätburgunder", "NV Famille Moltès Les Chais Saint-Antoine Crémant d'Alsace": "NV Famille Moltès Crémant d'Alsace", "2023 Domaine de Cinq Chemins A Time for White Flowers": "2023 Cinq Chemins ‘A Time For White Flowers’", "2024 Lighthouse Wine Company": "2024 Lighthouse Sauv Blanc", "2024 Mick and Jeanine Craven Viognier": "2024 Mick and Jeanine Craven Viognier", "2024 Longavi Rosé": "2024 Longavi Rosé", "2024 Weingut Schwedhelm Alter Schwede Rosé": "2024 Schwedhelm Rosé", "2024 Domaine de la Triballe Rosé de la Rainette": "2024 Triballe Rosé", }, }, // ✅ NEW: Winter page config (fill these in with the new wines) winter: { TITLE_TO_HANDLE: { "2024 Chateau les Graves de Viaud Mére L'O": "2024-chateau-les-graves-de-viaud-mere-lo-1", "2023 Sylvain et Nicolas Chinon": "2023-sylvain-et-nicolas-chinon", "2024 Domaine Michel Guignier l'Amethyste Beaujolais": "2024-domaine-michel-guignier-lamethyste-beaujolais", "2023 Domaine Bersan Bourgogne Côtes d'Auxerre Rouge": "2023-domaine-bersan-bourgogne-cotes-dauxerre-rouge", "2023 Domaine de la Cotelleraie Rosalia": "2023-domaine-de-la-cotelleraie-rosalia", "2024 Fidora Cantine Viti Doro Pinot Grigio": "2024-fidora-cantine-viti-doro-pinot-grigio", "2024 Tasi Garganega": "2024-tasi-garganega", "2024 Tenuta Gracciano della Seta Rosso di Montepulciano": "2024-tenuta-gracciano-della-seta-rosso-di-montepulciano", "2024 Terres Dorées Sur Le Haut Des Arpents Beaujolais Blanc": "2024-terres-dorees-sur-le-haut-des-arpents-beaujolais-blanc-1", "2024 Weingut Schwedhelm Alter Schwede Weiss": "2024-weingut-schwedhelm-alter-schwede-weiss-1", "2021 Entre Vinyes Wood & Wires Cava": "2019-entre-vinyes-funambul-brut-nature-reserva-new-disgorgement", "2024 Craig and Carla Hawkins Mielie Orange": "2024-craig-and-carla-hawkins-mielie-orange", "2024 Domaine de Caylus Rosé": "2024-domaine-de-caylus-rose", "2024 Marchisio Family Rosato": "2024-marchisio-family-rosato", "NV Champagne Pascal Mazet Nature": "nv-champagne-pascal-mazet-nature" }, TITLE_TO_BADGE: { "2024 Chateau les Graves de Viaud Mére L'O": "Bordeaux", "2023 Sylvain et Nicolas Chinon": "Cabernet Franc", "2024 Domaine Michel Guignier l'Amethyste Beaujolais": "Beaujolais", "2023 Domaine Bersan Bourgogne Côtes d'Auxerre Rouge": "Red Burgundy", "2023 Domaine de la Cotelleraie Rosalia": "Sauvignon Blanc", "2024 Fidora Cantine Viti Doro Pinot Grigio": "Pinot Grigio", "2024 Tasi Garganega": "Italian White", "2024 Tenuta Gracciano della Seta Rosso di Montepulciano": "Tuscan Red", "2024 Terres Dorées Sur Le Haut Des Arpents Beaujolais Blanc": "Chardonnay", "2024 Weingut Schwedhelm Alter Schwede Weiss": "German White", "2021 Entre Vinyes Wood & Wires Cava": "Spanish Cava", "2024 Craig and Carla Hawkins Mielie Orange": "Orange", "2024 Domaine de Caylus Rosé": "French Rosé", "2024 Marchisio Family Rosato": "Italian Rosato", "NV Champagne Pascal Mazet Nature": "Champagne" }, TITLE_TO_COLOR: { "2024 Chateau les Graves de Viaud Mére L'O": "red", "2023 Sylvain et Nicolas Chinon": "red", "2024 Domaine Michel Guignier l'Amethyste Beaujolais": "red", "2023 Domaine Bersan Bourgogne Côtes d'Auxerre Rouge": "red", "2023 Domaine de la Cotelleraie Rosalia": "white", "2024 Fidora Cantine Viti Doro Pinot Grigio": "white", "2024 Tasi Garganega": "white", "2024 Tenuta Gracciano della Seta Rosso di Montepulciano": "red", "2024 Terres Dorées Sur Le Haut Des Arpents Beaujolais Blanc": "white", "2024 Weingut Schwedhelm Alter Schwede Weiss": "white", "2021 Entre Vinyes Wood & Wires Cava": "sparkling", "2024 Craig and Carla Hawkins Mielie Orange": "orange", "2024 Domaine de Caylus Rosé": "rose", "2024 Marchisio Family Rosato": "rose", "NV Champagne Pascal Mazet Nature": "sparkling" }, TITLE_TO_DISPLAY: { "2024 Chateau les Graves de Viaud Mére L'O": "2024 Chateau les Graves de Viaud Mére L'O", "2023 Sylvain et Nicolas Chinon": "2023 Sylvain et Nicolas Chinon", "2024 Domaine Michel Guignier l'Amethyste Beaujolais": "2024 Domaine Michel Guignier l'Amethyste Beaujolais", "2023 Domaine Bersan Bourgogne Côtes d'Auxerre Rouge": "2023 Domaine Bersan Côtes d'Auxerre Rouge", "2023 Domaine de la Cotelleraie Rosalia": "2023 Domaine de la Cotelleraie Rosalia", "2024 Fidora Cantine Viti Doro Pinot Grigio": "2024 Fidora Cantine Viti Doro ", "2024 Tasi Garganega": "2024 Tasi Garganega", "2024 Tenuta Gracciano della Seta Rosso di Montepulciano": "2024 Tenuta Gracciano della Seta Rosso di Montepulciano", "2024 Terres Dorées Sur Le Haut Des Arpents Beaujolais Blanc": "2024 Terres Dorées Sur Le Haut Des Arpents", "2024 Weingut Schwedhelm Alter Schwede Weiss": "2024 Weingut Schwedhelm Alter Schwede Weiss", "2021 Entre Vinyes Wood & Wires Cava": "2021 Entre Vinyes Wood & Wires Cava", "2024 Craig and Carla Hawkins Mielie Orange": "2024 Craig and Carla Hawkins Mielie", "2024 Domaine de Caylus Rosé": "2024 Domaine de Caylus Rosé", "2024 Marchisio Family Rosato": "2024 Marchisio Family Rosato", "NV Champagne Pascal Mazet Nature": "NV Champagne Pascal Mazet Nature" }, }, }; const getByobConfigForPath = (p) => { // You can expand this logic if you add more BYOB bundle pages later. if (p === "/pages/by-the-bottle-winter") return BYOB_PAGE_CONFIG.winter; return BYOB_PAGE_CONFIG.default; }; // ---------- Modules (BYOB + PDP) ---------- /* 1) Cents remover — strips .00 but preserves other decimals (Runs on both By-the-Bottle and Black Collection PDP) */ const moduleCentsRemover = (context) => () => { const { onByTheBottle, onBlackCollectionPDP } = context.flags; const MODE = "stripZeros"; // 'stripZeros' | 'round' | 'floor' const SELS_BTB = [".gbbProductItemPrice", ".gbbFooterDiscountedTotalValue"]; // UPDATED: include .gbbProductItemPrice and .gbbFooterTotalValue for Black Collection const SELS_PDP = [ ".gbbProductItemPrice", ".gbbFooterTotalValue", // <-- added ".price-item", ".price__regular .price-item--regular", ".price__sale .price-item--sale", ".product__price", ".product__info-container .price", ".product-form__price", ]; const SELS = [ ...(onByTheBottle ? SELS_BTB : []), ...(onBlackCollectionPDP ? SELS_PDP : []), ]; const tokenRe = /(\$)\s?(\d{1,3}(?:,\d{3})*)(?:\.(\d{2}))?/g; const fmtUSD0 = (n) => new Intl.NumberFormat("en-US", { style: "currency", currency: "USD", maximumFractionDigits: 0, }).format(n); const transform = (txt) => { let changed = false; const out = txt.replace(tokenRe, (m, sym, dollars, cents) => { const num = Number(dollars.replace(/,/g, "") + "." + (cents ?? "00")); if (Number.isNaN(num)) return m; let next = m; if (MODE === "stripZeros") { next = cents == null || cents === "00" ? sym + Number(dollars.replace(/,/g, "")).toLocaleString("en-US") : m; } else if (MODE === "round") { next = fmtUSD0(Math.round(num)); } else if (MODE === "floor") { next = fmtUSD0(Math.floor(num)); } if (next !== m) changed = true; return next; }); return changed ? out : null; }; const processEl = (el) => { const walker = document.createTreeWalker(el, NodeFilter.SHOW_TEXT); const edits = []; while (walker.nextNode()) { const node = walker.currentNode; const next = transform(node.nodeValue); if (next != null) edits.push([node, next]); } edits.forEach(([node, next]) => (node.nodeValue = next)); if (edits.length) el.setAttribute("data-cents-removed", "1"); }; const run = () => SELS.forEach((sel) => document.querySelectorAll(sel).forEach(processEl)); run(); const mo = new MutationObserver(run); mo.observe(document.documentElement, { childList: true, subtree: true, characterData: true, attributes: true, }); // iframes too document.querySelectorAll("iframe").forEach((iframe) => { try { const doc = iframe.contentDocument; if (!doc) return; const runIframe = () => SELS.forEach((sel) => doc.querySelectorAll(sel).forEach(processEl)); runIframe(); const mo2 = new MutationObserver(runIframe); mo2.observe(doc.documentElement, { childList: true, subtree: true, characterData: true, attributes: true, }); } catch {} }); console.log( "[DFW] cents remover armed on", SELS.join(", "), "mode:", MODE, "page:", onByTheBottle ? "ByTheBottle" : onBlackCollectionPDP ? "BlackCollectionPDP" : "unknown" ); }; /* 2) Member / non-member pricing (BY THE BOTTLE PAGES) */ const moduleMemberPricing = (cfg) => { const ENDPOINT = "https://dryfarmwines.myshopify.com/api/2024-07/graphql.json"; const TOKEN = "4739e910ca7394e2799f79fd4ed2c26b"; const NS = "custom"; const SINGLE_KEY = "single_purchase_variant_price"; const SUB_KEY = "subscription_variant_price"; const TITLE_TO_HANDLE = cfg?.TITLE_TO_HANDLE || {}; const PRICE_CONTAINER = "#gbbProductItemPricesContainer, .gbbProductItemPricesContainer"; const TITLE_SELECTOR = ".gbbProductTitleOnly, #gbbProductTitleOnly"; const CLASSES = { wrapper: "dfw-member-prices", nonMember: "dfw-nonmember", member: "dfw-member", amount: "dfw-amount", label: "dfw-label", sep: "dfw-sep", }; const LABELS = { nonMember: "Non-Member", member: "Member", sep: " / " }; const moneyish = (v) => { if (!v) return ""; const num = Number(String(v).replace(/[^0-9.]/g, "")); if (!Number.isFinite(num)) return String(v); return num % 1 === 0 ? new Intl.NumberFormat("en-US", { style: "currency", currency: "USD", maximumFractionDigits: 0 }).format(num) : new Intl.NumberFormat("en-US", { style: "currency", currency: "USD", minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(num); }; const QUERY = ` query ($handle:String!, $ns:String!, $singleKey:String!, $subKey:String!) { productByHandle(handle:$handle) { variants(first: 50) { edges { node { id title single: metafield(namespace:$ns, key:$singleKey) { value } sub: metafield(namespace:$ns, key:$subKey) { value } } } } } } `; async function fetchBothByHandle(handle) { const res = await fetch(ENDPOINT, { method: "POST", headers: { "Content-Type": "application/json", "X-Shopify-Storefront-Access-Token": TOKEN, }, body: JSON.stringify({ query: QUERY, variables: { handle, ns: NS, singleKey: SINGLE_KEY, subKey: SUB_KEY }, }), }); const json = await res.json(); const variants = json?.data?.productByHandle?.variants?.edges?.map((e) => e.node) || []; const both = variants.find((v) => v.single?.value && v.sub?.value); if (both) return { single: both.single.value, sub: both.sub.value }; const singleV = variants.find((v) => v.single?.value) || variants[0]; const subV = variants.find((v) => v.sub?.value) || variants[0]; return { single: singleV?.single?.value || "", sub: subV?.sub?.value || "" }; } const cache = new Map(); const getValues = async (handle) => { if (cache.has(handle)) return cache.get(handle); const vals = await fetchBothByHandle(handle); cache.set(handle, vals); return vals; }; const findTitleNear = (container) => { let n = container; for (let i = 0; i < 8 && n && n !== document.body; i++) { const t = n.querySelector?.(TITLE_SELECTOR); if (t?.textContent?.trim()) return t.textContent.trim(); n = n.parentElement; } return null; }; const ensureWrapper = (container) => { let wrap = container.querySelector(`.${CLASSES.wrapper}`); if (!wrap) { wrap = document.createElement("div"); wrap.className = CLASSES.wrapper; wrap.style.marginTop = "6px"; wrap.style.fontSize = "0.9rem"; container.appendChild(wrap); } return wrap; }; const renderPrices = (wrap, { single, sub }) => { wrap.innerHTML = ""; if (!single && !sub) { wrap.style.display = "none"; return; } wrap.style.display = "block"; if (single) { wrap.innerHTML += ` ${moneyish(single)} ${LABELS.nonMember} `; } if (single && sub) wrap.innerHTML += `${LABELS.sep}`; if (sub) { wrap.innerHTML += ` ${moneyish(sub)} ${LABELS.member} `; } }; const processOne = async (container) => { if (container.getAttribute("data-dfw-bound") === "1") return; const title = findTitleNear(container); const handle = TITLE_TO_HANDLE[title]; if (!handle) return; const vals = await getValues(handle); const wrap = ensureWrapper(container); renderPrices(wrap, vals); container.setAttribute("data-dfw-bound", "1"); }; const runAll = () => document.querySelectorAll(PRICE_CONTAINER).forEach((c) => processOne(c)); runAll(); const mo = new MutationObserver(() => { clearTimeout(runAll._t); runAll._t = setTimeout(runAll, 250); }); mo.observe(document.body, { childList: true, subtree: true }); }; /* 3) Badge above title (BY THE BOTTLE PAGES) */ const moduleBadgeAboveTitle = (cfg) => { const TITLE_SEL = ".gbbProductTitleOnly, #gbbProductTitleOnly"; const TITLE_TO_BADGE = cfg?.TITLE_TO_BADGE || {}; const TITLE_TO_COLOR = cfg?.TITLE_TO_COLOR || {}; const injectCSS = (doc = document) => { if (doc.querySelector('style[data-dfw="badge"]')) return; const style = document.createElement("style"); style.setAttribute("data-dfw", "badge"); style.textContent = ` .dfw-badge{ display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;margin-top:15px;padding:4px 10px; border-radius:40px;width:auto!important;max-width:max-content;background:none;text-align:center;white-space:nowrap; color:#222;border:1px solid #222;font-weight:600;font-size:9px;line-height:1.3;letter-spacing:.03em;text-transform:uppercase; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; } .dfw-badge__dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 8px;border:1px solid #222;} .dfw-col-red{ background:#a01616; border-color:#a01616; } .dfw-col-white{ background:#ffedc4; border-color:#ffedc4; } .dfw-col-rose{ background:#e09e9e; border-color:#e09e9e; } .dfw-col-orange{ background:#d08e35; border-color:#d08e35; } .dfw-col-sparkling{ background:#c6b98e; border-color:#c6b98e; } .dfw-col-default{ background:#bbb; border-color:#bbb; } `; doc.head.appendChild(style); }; const norm = (s) => (s || "").replace(/\s+/g, " ").trim(); const setDotColor = (dotEl, colorKey) => { const all = ["dfw-col-red", "dfw-col-white", "dfw-col-rose", "dfw-col-orange", "dfw-col-sparkling", "dfw-col-default"]; all.forEach((c) => dotEl.classList.remove(c)); dotEl.classList.add(colorKey && ["red", "white", "rose", "orange", "sparkling"].includes(colorKey) ? "dfw-col-" + colorKey : "dfw-col-default"); }; const ensureBadgeAboveTitle = (titleEl, text, colorKey, doc = document) => { if (!titleEl || !text) return; const prev = titleEl.previousElementSibling; if (prev && prev.classList?.contains("dfw-badge")) { const dot = prev.querySelector(".dfw-badge__dot") || (() => { const d = doc.createElement("span"); d.className = "dfw-badge__dot"; prev.insertBefore(d, prev.firstChild); return d; })(); setDotColor(dot, colorKey); const label = prev.querySelector(".dfw-badge__text") || (() => { const t = doc.createElement("span"); t.className = "dfw-badge__text"; prev.appendChild(t); return t; })(); if (label.textContent !== text) label.textContent = text; return; } const badge = doc.createElement("div"); badge.className = "dfw-badge"; const dot = document.createElement("span"); dot.className = "dfw-badge__dot"; setDotColor(dot, colorKey); const label = document.createElement("span"); label.className = "dfw-badge__text"; label.textContent = text; badge.appendChild(dot); badge.appendChild(label); titleEl.parentNode?.insertBefore(badge, titleEl); }; const removeBadgeIfPresent = (titleEl) => { const prev = titleEl?.previousElementSibling; if (prev && prev.classList?.contains("dfw-badge")) prev.remove(); }; const processTitle = (titleEl) => { if (!titleEl) return; const titleText = norm(titleEl.getAttribute("data-dfw-title-orig") || titleEl.textContent); const text = TITLE_TO_BADGE[titleText]; const colorKey = TITLE_TO_COLOR[titleText]; if (text) ensureBadgeAboveTitle(titleEl, text, colorKey, titleEl.ownerDocument); else removeBadgeIfPresent(titleEl); }; const scan = (doc = document) => { injectCSS(doc); doc.querySelectorAll(TITLE_SEL).forEach(processTitle); }; const hookIframe = (iframe) => { try { const doc = iframe.contentDocument; if (!doc) return; scan(doc); const mo2 = new MutationObserver(() => scan(doc)); mo2.observe(doc.documentElement, { childList: true, subtree: true }); } catch {} }; scan(document); const mo = new MutationObserver(() => scan(document)); mo.observe(document.body, { childList: true, subtree: true }); document.querySelectorAll("iframe").forEach(hookIframe); const moIframes = new MutationObserver((muts) => { muts.forEach((r) => r.addedNodes.forEach((n) => { if (n.tagName === "IFRAME") hookIframe(n); }) ); }); moIframes.observe(document.body, { childList: true, subtree: true }); console.log("[BYOB] Badge map w/ color dots active."); }; /* 4) Info note below .gbbFooterActionContainer (BY THE BOTTLE PAGES) */ const moduleFooterInfoNote = () => { const SEL = ".gbbFooterActionContainer"; const MARK = "data-dfw-info-note"; const makeNote = (doc = document) => { const el = doc.createElement("div"); el.setAttribute(MARK, "1"); el.style.cssText = [ "display:flex", "flex-direction:column", "text-align:center", "margin-top:20px", "color:#777", "width:100%", "font-size:10px", "align-items:center", "justify-content:center", ].join(";"); el.innerHTML = `

Member pricing applied at checkout

`; return el; }; const inject = (doc = document) => { doc.querySelectorAll(SEL).forEach((target) => { const next = target.nextElementSibling; if (next && next.hasAttribute?.(MARK)) return; target.insertAdjacentElement("afterend", makeNote(doc)); }); }; const hookDoc = (doc = document) => { inject(doc); const mo = new MutationObserver(() => inject(doc)); mo.observe(doc.body || doc.documentElement, { childList: true, subtree: true }); }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", () => hookDoc(document)); } else { hookDoc(document); } document.querySelectorAll("iframe").forEach((ifr) => { try { if (ifr.contentDocument) hookDoc(ifr.contentDocument); } catch {} }); const moI = new MutationObserver((records) => { records.forEach((r) => r.addedNodes.forEach((n) => { if (n.tagName === "IFRAME") { try { if (n.contentDocument) hookDoc(n.contentDocument); } catch {} } }) ); }); moI.observe(document.body || document.documentElement, { childList: true, subtree: true }); console.log("[BYOB] Info note injector active under", SEL); }; /* 5) Title replacement (BY THE BOTTLE PAGES) */ const moduleTitleReplacement = (cfg) => { try { const TITLE_SEL = ".gbbProductTitleOnly, #gbbProductTitleOnly"; const TITLE_TO_DISPLAY = cfg?.TITLE_TO_DISPLAY || {}; (function injectCSS() { if (document.querySelector('style[data-dfw="title-replace"]')) return; const s = document.createElement("style"); s.setAttribute("data-dfw", "title-replace"); s.textContent = ` .dfw-title-hidden{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;} .dfw-title-replace{display:block;} .dfw-title-replace a{color:inherit;text-decoration:inherit;} `; document.head.appendChild(s); })(); function norm(s) { return (s || "").replace(/\s+/g, " ").trim(); } function apply(el) { if (!el) return; if (!el.dataset.dfwTitleOrig) el.dataset.dfwTitleOrig = norm(el.textContent); const orig = el.dataset.dfwTitleOrig; const display = TITLE_TO_DISPLAY[orig]; if (!display) return; if (el.nextElementSibling && el.nextElementSibling.classList?.contains("dfw-title-replace")) return; const cs = getComputedStyle(el); const styleText = [ "font:" + cs.font, "font-size:" + cs.fontSize, "font-weight:" + cs.fontWeight, "font-family:" + cs.fontFamily, "line-height:" + cs.lineHeight, "letter-spacing:" + cs.letterSpacing, "text-transform:" + cs.textTransform, "color:" + cs.color, "margin:" + cs.margin, "padding:" + cs.padding, "text-align:" + cs.textAlign, ].join(";"); const rep = document.createElement("div"); rep.className = "dfw-title-replace"; rep.setAttribute("aria-label", display); rep.style.cssText = styleText; const link = el.closest("a[href]") || el.querySelector("a[href]"); if (link) { const a = document.createElement("a"); a.href = link.getAttribute("href"); if (link.target) a.target = link.target; if (link.rel) a.rel = link.rel; a.textContent = display; rep.appendChild(a); } else { rep.textContent = display; } el.insertAdjacentElement("afterend", rep); el.classList.add("dfw-title-hidden"); el.style.minHeight = "0"; } const tick = () => { const nodes = document.querySelectorAll(TITLE_SEL); if (nodes.length) nodes.forEach(apply); else setTimeout(tick, 250); }; setTimeout(tick, 600); } catch (e) { console.warn("[DFW Title Replacement] error:", e); } }; /* 6) Extra note under .gbbAddProductPageSubtext (BY THE BOTTLE PAGES + Black PDP per your original use) */ const moduleExtraNote = () => { const TARGET = ".gbbAddProductPageSubtext"; const MARK = "data-dfw-extra-note"; const COPY = "All prices include shipping and our 100% quality promise"; function makeNote(doc = document) { const el = document.createElement("div"); el.setAttribute(MARK, "1"); el.style.cssText = [ "margin-top:6px", "color:#777", "font-size:12px", "line-height:1.4", "width:100%", "text-align:left", "text-transform:none", "letter-spacing:normal", ].join(";"); el.textContent = COPY; return el; } function inject(root = document) { root.querySelectorAll(TARGET).forEach((host) => { const already = host.parentElement.querySelector(`[${MARK}]`); if (already) return; host.insertAdjacentElement("afterend", makeNote(root)); }); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", () => inject(document), { once: true }); } else { inject(document); } const mo = new MutationObserver(() => inject(document)); mo.observe(document.body || document.documentElement, { childList: true, subtree: true }); console.log("[BYOB] extra note injected under", TARGET); }; /* 7) BLACK COLLECTION PDP — badges for .gbbProductTitleOnly ONLY */ const moduleBlackCollectionPDP = () => { console.log("[Black Collection PDP] badges for .gbbProductTitleOnly"); const TITLE_TO_BADGE = { "2023 Brezza Dolcetto d'Alba": "Celebrated “2023” Piemonte vintage", "2021 Domaine de Sentout Elle te Serre": "2021 Right Bank Bordeaux", "2022 Compagnons du Schist Le Rêveur": "2022 Barrel Aged Cabernet", "2023 Domaine Bersan Bourgogne - Les Hourdons": "2023 Burgundy, 55 year old vines", "2023 Domaine Bersan Chablis les ouches": "2023 Single Vineyard Chablis", "2020 Chateau Grand Tayac Margaux Cuvée Reserve": "2020 Margeaux, 60 year old vines", }; const TITLE_TO_COLOR = { "2023 Brezza Dolcetto d'Alba": "red", "2021 Domaine de Sentout Elle te Serre": "red", "2022 Compagnons du Schist Le Rêveur": "red", "2023 Domaine Bersan Bourgogne - Les Hourdons": "red", "2023 Domaine Bersan Chablis les ouches": "white", "2020 Chateau Grand Tayac Margaux Cuvée Reserve": "red", }; const ensureBcBadgeCSS = () => { if (document.querySelector('style[data-dfw="bc-badge"]')) return; const s = document.createElement("style"); s.setAttribute("data-dfw", "bc-badge"); s.textContent = ` .dfw-bc-badge{ display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;margin-top:12px; padding:4px 10px;border-radius:999px;background:none;text-align:center;white-space:nowrap; color:#222;border:1px solid #222;font-weight:600;font-size:10px;line-height:1.3;letter-spacing:.03em; text-transform:uppercase; } .dfw-bc-badge__dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 8px;border:1px solid #222;} .dfw-bc-col-sparkling{background:#c6b98e;border-color:#c6b98e;} .dfw-bc-col-red{background:#a01616;border-color:#a01616;} .dfw-bc-col-white{background:#ffedc4;border-color:#ffedc4;} .dfw-bc-col-rose{background:#e09e9e;border-color:#e09e9e;} .dfw-bc-col-orange{background:#d08e35;border-color:#d08e35;} .dfw-bc-col-default{background:#bbb;border-color:#bbb;} `; document.head.appendChild(s); }; const setDotColor = (dotEl, key = "sparkling") => { const classes = ["dfw-bc-col-sparkling", "dfw-bc-col-red", "dfw-bc-col-white", "dfw-bc-col-rose", "dfw-bc-col-orange", "dfw-bc-col-default"]; classes.forEach((c) => dotEl.classList.remove(c)); const map = { sparkling: "dfw-bc-col-sparkling", red: "dfw-bc-col-red", white: "dfw-bc-col-white", rose: "dfw-bc-col-rose", orange: "dfw-bc-col-orange", }; dotEl.classList.add(map[key] || "dfw-bc-col-default"); }; const ensureBadgeAbove = (titleEl, text, colorKey) => { if (!titleEl || !text) return; const prev = titleEl.previousElementSibling; if (prev && prev.classList?.contains("dfw-bc-badge")) { const dot = prev.querySelector(".dfw-bc-badge__dot") || (() => { const d = document.createElement("span"); d.className = "dfw-bc-badge__dot"; prev.insertBefore(d, prev.firstChild); return d; })(); setDotColor(dot, colorKey); const label = prev.querySelector(".dfw-bc-badge__text") || (() => { const t = document.createElement("span"); t.className = "dfw-bc-badge__text"; prev.appendChild(t); return t; })(); label.textContent = text; return; } const badge = document.createElement("div"); badge.className = "dfw-bc-badge"; const dot = document.createElement("span"); dot.className = "dfw-bc-badge__dot"; setDotColor(dot, colorKey); const label = document.createElement("span"); label.className = "dfw-bc-badge__text"; label.textContent = text; badge.appendChild(dot); badge.appendChild(label); titleEl.insertAdjacentElement("beforebegin", badge); }; const removeBadgeIfPresent = (titleEl) => { const prev = titleEl?.previousElementSibling; if (prev && prev.classList?.contains("dfw-bc-badge")) prev.remove(); }; const norm = (s) => (s || "").replace(/\s+/g, " ").trim(); const SCAN_SEL = ".gbbProductTitleOnly, #gbbProductTitleOnly"; const safeScan = () => { try { ensureBcBadgeCSS(); document.querySelectorAll(SCAN_SEL).forEach((titleEl) => { if (!titleEl.dataset.dfwTitleOrig) titleEl.dataset.dfwTitleOrig = norm(titleEl.textContent); const t = titleEl.dataset.dfwTitleOrig; const badge = TITLE_TO_BADGE[t]; const color = TITLE_TO_COLOR[t] || "red"; if (badge) ensureBadgeAbove(titleEl, badge, color); else removeBadgeIfPresent(titleEl); }); } catch (e) { console.warn("[Black Collection PDP] badge scan error:", e); } }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", safeScan, { once: true }); } else { setTimeout(safeScan, 100); } const mo = new MutationObserver(() => { clearTimeout(safeScan._t); safeScan._t = setTimeout(safeScan, 100); }); mo.observe(document.body, { childList: true, subtree: true }); }; // ---------- Routes ---------- const ROUTES = [ { // ✅ updated to cover BOTH BYOB pages key: "by-the-bottle-pages", match: [ "/pages/by-the-bottle", /\/pages\/by-the-bottle\/?$/i, "/pages/by-the-bottle-winter", /\/pages\/by-the-bottle-winter\/?$/i, ], run: () => { const flags = { onByTheBottle: true, onBlackCollectionPDP: false }; const p = currentPath(); const cfg = getByobConfigForPath(p); moduleCentsRemover({ flags })(); moduleMemberPricing(cfg); moduleBadgeAboveTitle(cfg); moduleFooterInfoNote(); moduleTitleReplacement(cfg); moduleExtraNote(); console.log("[DFW] BYOB route active:", p); }, }, { key: "black-collection-pdp", match: ["/pages/vip-cellar", /\/pages\/vip-cellar\/?$/i], run: () => { const flags = { onByTheBottle: false, onBlackCollectionPDP: true }; moduleCentsRemover({ flags })(); moduleBlackCollectionPDP(); moduleExtraNote(); }, }, ]; // ---------- Boot ---------- startRouter(ROUTES); })();

This exclusive offer is closed.