/* ------------------------------------------------------------------ * Globe pickup widget – delivery labels + prices * Paste into: Location 1 -> Advanced -> "Custom JavaScript (for this location only)" * * Threshold source = the theme's own free-shipping element * * (cart-drawer.liquid / main-cart-footer.liquid) *

* (shipping-progress.liquid, PDP) * converted by Shopify.currency.rate exactly like assets/cart.js does, so the * cards can never disagree with the progress bar above them. * * Only the CONFIG block needs editing. * ------------------------------------------------------------------ */ (function () { 'use strict'; /* ============================ CONFIG ============================ */ var CONFIG = { // Shop sells in CZK only (no sk.json locale, all prices in Kč) -> pin it. // Set to null only if a real EUR market is added later. forceMarket: 'CZ', fallbackMarket: 'CZ', showSummaryRow: false, // extra "Doprava: 99 Kč" row under the cards showFreeFromHint: false, // "Zdarma od 1 199 Kč" while below the threshold debug: false, // logs the resolved market / threshold / subtotal // Prefix the non-free price with "od " ("od 99 Kč"): the sticker price is // the base rate, but payment surcharges (e.g. dobírka +50 Kč) can raise the // real total shown later at checkout — "od" keeps the card honest about that. showFromPrefix: true, accentColor: '#ffe167', priceColor: '#ffffff', hintColor: '#9ca3af', markets: { CZ: { currency: 'CZK', locale: 'cs-CZ', decimals: 0, suffix: ' Kč', // price – shipping price in the main unit, must match the real // Shopify shipping rate for that method // freeFrom – 'theme' : read from the theme's free-shipping element // : fixed threshold // null : never free // fallback – used only when freeFrom is 'theme' and no element is found home: { price: 99, freeFrom: 'theme', fallback: 1199 }, pickup: { price: 69, freeFrom: 'theme', fallback: 1199 }, labels: { heading: 'Vyberte způsob doručení', home: 'Doručení domů', pickup: 'Výdejní místa', free: 'Zdarma', freeFrom: 'Zdarma od {amount}', from: 'od ', // prefix, e.g. "od 99 Kč" summary: 'Doprava', }, }, // Inactive unless the storefront actually switches to EUR. SK: { currency: 'EUR', locale: 'sk-SK', decimals: 2, suffix: ' €', home: { price: 3.9, freeFrom: 'theme', fallback: 48 }, pickup: { price: 2.9, freeFrom: 'theme', fallback: 48 }, labels: { heading: 'Vyberte spôsob doručenia', home: 'Doručenie domov', pickup: 'Výdajné miesta', free: 'Zadarmo', freeFrom: 'Zadarma od {amount}', from: 'od ', // prefix, e.g. "od 3,90 €" summary: 'Doprava', }, }, }, }; /* ========================== /CONFIG ============================= */ if (window.__globeDeliveryPrices) return; window.__globeDeliveryPrices = true; var MARK = 'data-globe-price-node'; var THEME_SELECTOR = '[data-shipping-message][data-threshold],[data-shipping-progress][data-threshold]'; var OBSERVE_OPTS = { childList: true, subtree: true, characterData: true, // the theme may patch the totals in place instead of re-rendering the node attributes: true, attributeFilter: ['data-cart-total', 'data-threshold', 'data-total'], }; var cartTotal = null; // main unit, presentment currency var cartFetchedAt = 0; var rendering = false; var observer = null; var rafId = null; function log() { if (CONFIG.debug && window.console) { console.log.apply(console, ['[globe-delivery]'].concat([].slice.call(arguments))); } } /* ---------------------------- market ---------------------------- */ function activeCurrency() { var S = window.Shopify || {}; return ((S.currency && S.currency.active) || '').toUpperCase(); } function currencyRate() { var S = window.Shopify || {}; var r = parseFloat(S.currency && S.currency.rate); return isFinite(r) && r > 0 ? r : 1; } function marketByCurrency(cur) { if (!cur) return null; for (var key in CONFIG.markets) { if (CONFIG.markets[key].currency === cur) return key; } return null; } function detectMarket() { if (CONFIG.forceMarket && CONFIG.markets[CONFIG.forceMarket]) return CONFIG.forceMarket; // Currency first: prices and thresholds are currency-bound, and the shop // country can differ from the market being shopped. var byCur = marketByCurrency(activeCurrency()); if (byCur) return byCur; var S = window.Shopify || {}; var root = (S.routes && S.routes.root) || window.location.pathname || ''; var m = root.match(/^\/([a-z]{2})(?:-([a-z]{2}))?\//i); if (m) { var byRegion = (m[2] || '').toUpperCase(); if (CONFIG.markets[byRegion]) return byRegion; var byLang = m[1].toUpperCase(); if (byLang === 'CS') byLang = 'CZ'; if (CONFIG.markets[byLang]) return byLang; } var c = (S.country || '').toUpperCase(); if (CONFIG.markets[c]) return c; return CONFIG.fallbackMarket; } /** Market config, or null when its currency contradicts the cart currency. */ function market() { var mk = CONFIG.markets[detectMarket()] || CONFIG.markets[CONFIG.fallbackMarket]; var cur = activeCurrency(); if (cur && mk && mk.currency !== cur) { var fixed = marketByCurrency(cur); if (fixed) return CONFIG.markets[fixed]; return null; // unknown currency -> render nothing rather than a wrong price } return mk || null; } /* ---------------------------- money ----------------------------- */ function formatMoney(value, mk) { var num; try { num = new Intl.NumberFormat(mk.locale, { minimumFractionDigits: mk.decimals, maximumFractionDigits: mk.decimals, }).format(value); } catch (e) { num = value.toFixed(mk.decimals); } return num + mk.suffix; } /* ----------------------------- cart ----------------------------- */ /** Cart subtotal straight off the theme element, so both agree by construction. */ function themeCartTotal() { var el = document.querySelector('[data-shipping-message][data-cart-total]'); if (el) { var v = parseFloat(el.getAttribute('data-cart-total')); if (isFinite(v)) return v; } var pg = document.querySelector('[data-shipping-progress][data-total]'); if (pg) { var p = parseFloat(pg.getAttribute('data-total')); if (isFinite(p)) return p; } return null; } function loadCart(force) { var fromTheme = themeCartTotal(); if (fromTheme !== null) { cartTotal = fromTheme; cartFetchedAt = Date.now(); return Promise.resolve(cartTotal); } var now = Date.now(); if (!force && cartTotal !== null && now - cartFetchedAt < 3000) { return Promise.resolve(cartTotal); } var root = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) || '/'; return fetch(root.replace(/\/$/, '') + '/cart.js', { headers: { Accept: 'application/json' }, credentials: 'same-origin', }) .then(function (r) { return r.json(); }) .then(function (cart) { cartTotal = (typeof cart.items_subtotal_price === 'number' ? cart.items_subtotal_price : cart.total_price) / 100; cartFetchedAt = Date.now(); return cartTotal; }) .catch(function () { return cartTotal; }); } /* ------------------------- free threshold ----------------------- */ /** * Exact threshold from the theme, in the presentment currency. * No text parsing: the storefront is full of unrelated "doprava zdarma" * copy (trust-rows, starter-pack) that would be read as "already free". */ function themeThreshold() { var el = document.querySelector(THEME_SELECTOR); if (!el) return null; var t = parseFloat(el.getAttribute('data-threshold')); if (!isFinite(t) || t <= 0) return null; return t * currencyRate(); // same conversion as assets/cart.js } function resolveThreshold(cfg) { if (cfg.freeFrom === 'theme') { var t = themeThreshold(); if (t !== null) return t; return typeof cfg.fallback === 'number' ? cfg.fallback : null; } if (typeof cfg.freeFrom === 'number') return cfg.freeFrom; return null; // never free } /** { free: bool, price: number, missing: number|null } */ function rateFor(methodKey, mk) { var cfg = mk[methodKey] || {}; var price = typeof cfg.price === 'number' ? cfg.price : 0; var threshold = resolveThreshold(cfg); var subtotal = cartTotal; if (price <= 0) return { free: true, price: 0, missing: null }; if (threshold === null) return { free: false, price: price, missing: null }; if (subtotal === null) return { free: false, price: price, missing: threshold }; if (subtotal >= threshold) return { free: true, price: 0, missing: null }; return { free: false, price: price, missing: threshold }; } /* ------------------------------ DOM ----------------------------- */ function cards(root) { return { home: root.querySelector('.globe-delivery-option[data-delivery-method="home"]'), pickup: root.querySelector('.globe-delivery-option[data-delivery-method="pickup"]'), }; } /** first leaf

with text – that is the visible label */ function labelEl(block) { if (!block) return null; var divs = block.querySelectorAll('div'); for (var i = 0; i < divs.length; i++) { if (divs[i].hasAttribute(MARK)) continue; if (divs[i].querySelector('div')) continue; if (divs[i].textContent.trim()) return divs[i]; } return null; } function priceNode(container, key) { var el = container.querySelector('[' + MARK + '="' + key + '"]'); if (!el) { el = document.createElement('div'); el.setAttribute(MARK, key); el.style.cssText = 'margin-top:6px;font-size:14px;font-weight:600;line-height:1.3;'; container.appendChild(el); } return el; } /** "99 Kč" or, with the prefix on, "od 99 Kč" for the non-free price. */ function priceText(rate, mk) { var prefix = CONFIG.showFromPrefix && mk.labels.from ? mk.labels.from : ''; return prefix + formatMoney(rate.price, mk); } function paintPrice(el, rate, mk) { var html; if (rate.free) { html = '' + mk.labels.free + ''; } else { html = '' + priceText(rate, mk) + ''; if (CONFIG.showFreeFromHint && rate.missing !== null) { html += '' + mk.labels.freeFrom.replace('{amount}', formatMoney(rate.missing, mk)) + ''; } } if (el.innerHTML !== html) el.innerHTML = html; } function paintSummary(root, mk) { var el = root.querySelector('[' + MARK + '="summary"]'); if (!CONFIG.showSummaryRow) { if (el) el.remove(); return; } if (!el) { el = document.createElement('div'); el.setAttribute(MARK, 'summary'); el.style.cssText = 'display:flex;justify-content:space-between;align-items:center;' + 'margin-top:12px;font-size:14px;color:#ffffff;'; root.appendChild(el); } var checked = root.querySelector( 'input[type="radio"][name^="globe-delivery-method-"]:checked' ); var key = checked && checked.value === 'pickup' ? 'pickup' : 'home'; var rate = rateFor(key, mk); var value = rate.free ? '' + mk.labels.free + '' : '' + priceText(rate, mk) + ''; var html = '' + mk.labels.summary + '' + value; if (el.innerHTML !== html) el.innerHTML = html; } function render() { var root = document.querySelector('.globe-delivery-selector-container'); if (!root) return; // Cheap synchronous re-read: the theme element is the live source, so a // re-render triggered by a DOM change must not paint a stale subtotal. var live = themeCartTotal(); if (live !== null) cartTotal = live; var mk = market(); if (!mk) { root.querySelectorAll('[' + MARK + ']').forEach(function (n) { n.remove(); }); return; } log('market', mk.currency, '| subtotal', cartTotal, '| threshold', themeThreshold()); var c = cards(root); var heading = root.querySelector('.globe-delivery-method-selector > div:first-child'); if (heading && !heading.querySelector('label, .globe-delivery-option')) { if (heading.textContent.trim() !== mk.labels.heading) { heading.textContent = mk.labels.heading; } } if (c.home) { var homeBlock = c.home.querySelector('div'); var homeLabel = labelEl(homeBlock); if (homeLabel && homeLabel.textContent.trim() !== mk.labels.home) { homeLabel.textContent = mk.labels.home; } if (homeBlock) paintPrice(priceNode(homeBlock, 'home'), rateFor('home', mk), mk); } if (c.pickup) { var pickupDefault = c.pickup.querySelector('[id^="globe-pickup-default-"]'); if (pickupDefault) { var pickupLabel = labelEl(pickupDefault); if (pickupLabel && pickupLabel.textContent.trim() !== mk.labels.pickup) { pickupLabel.textContent = mk.labels.pickup; } paintPrice(priceNode(pickupDefault, 'pickup'), rateFor('pickup', mk), mk); } var pickupSelected = c.pickup.querySelector('[id^="globe-pickup-selected-"]'); if (pickupSelected) { var node = priceNode(pickupSelected, 'pickup-selected'); var btn = pickupSelected.querySelector('button'); if (btn && node.nextElementSibling !== btn) pickupSelected.insertBefore(node, btn); node.style.marginBottom = '10px'; paintPrice(node, rateFor('pickup', mk), mk); } } paintSummary(root.querySelector('.globe-delivery-method-selector') || root, mk); } function safeRender() { if (rendering) return; rendering = true; if (observer) observer.disconnect(); try { render(); } catch (e) { log('render failed', e); } if (observer) { observer.observe(document.body, OBSERVE_OPTS); } rendering = false; } // setTimeout, not requestAnimationFrame: rAF is frozen in background tabs, so // a cart update in a hidden tab would leave the cards unpainted until refocus. function schedule() { if (rafId) clearTimeout(rafId); rafId = setTimeout(function () { rafId = null; safeRender(); }, 16); } function refresh(force) { loadCart(force).then(schedule); } /* --------------------------- triggers --------------------------- */ observer = new MutationObserver(schedule); observer.observe(document.body, OBSERVE_OPTS); document.addEventListener( 'change', function (e) { if (e.target && e.target.name && e.target.name.indexOf('globe-delivery-method-') === 0) { schedule(); } }, true ); var origFetch = window.fetch; if (typeof origFetch === 'function') { window.fetch = function () { var url = arguments[0]; url = typeof url === 'string' ? url : url && url.url ? url.url : ''; var isCartWrite = /\/cart\/(add|change|update|clear)/.test(url); return origFetch.apply(this, arguments).then(function (res) { if (isCartWrite) refresh(true); return res; }); }; } var origOpen = XMLHttpRequest.prototype.open; XMLHttpRequest.prototype.open = function (method, url) { if (typeof url === 'string' && /\/cart\/(add|change|update|clear)/.test(url)) { this.addEventListener('load', function () { refresh(true); }); } return origOpen.apply(this, arguments); }; ['cart:updated', 'cart:refresh', 'cart:change', 'shopify:cart:update'].forEach(function (evt) { document.addEventListener(evt, function () { refresh(true); }); }); refresh(true); })();

Co říkají lidi, kteří Yerb pijí.

Customer Reviews

Takhle vypadaly ochutnávky našich prvních produktů

Co lidi zajímá.

Vyber si svůj Yerb.

Yerb Drive

Yerb Chill

Yerb Starter Pack

Přírodní energie bez kompromisů.