/* ============================================================ 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); }; // ---------- 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 ONLY) */ const moduleMemberPricing = () => { 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 = { "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", }; 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 ONLY) */ const moduleBadgeAboveTitle = () => { const TITLE_SEL = ".gbbProductTitleOnly, #gbbProductTitleOnly"; const 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", "NV Famille Moltès Les Chais Saint-Antoine Crémant d'Alsace": "Sparkling", "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" }; const TITLE_TO_COLOR = { "2023 La Staffa Ineffabile": "sparkling", "2023 Vegatolosa Merlot": "red", "2015 Champagne Lelarge-Pugeot Nature et Non dosé": "sparkling", "NV Domaine Moltes Alsace Sparkling": "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", "NV Famille Moltès Les Chais Saint-Antoine Crémant d'Alsace": "sparkling", "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" }; 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 ONLY) */ 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 ONLY) */ const moduleTitleReplacement = () => { try { const TITLE_SEL = ".gbbProductTitleOnly, #gbbProductTitleOnly"; const 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é" }; (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 ONLY) */ 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 = [ { key: 'by-the-bottle', match: ['/pages/by-the-bottle', /\/pages\/by-the-bottle\/?$/i], run: () => { const flags = { onByTheBottle: true, onBlackCollectionPDP: false }; moduleCentsRemover({ flags })(); moduleMemberPricing(); moduleBadgeAboveTitle(); moduleFooterInfoNote(); moduleTitleReplacement(); moduleExtraNote(); } }, { 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); })();

Collection: Referral

Friends of the Farm

Friends of the Farm

Just checking, are you old enough to drink?