/* Kit Café Gourmet (SDK-380964) – accordion layout + live crossed-out price, % badge & savings pill */ (function () { var OFFER_ID = "SDK-380964"; /* ===== SETTINGS YOU CAN EDIT ===== Section titles, the small grey line, and the small picture for each category. To add a picture: paste a product image link between the quotes after image: */ var CATEGORIES = { category85298: { title: "Escoge tu método", subtitle: "Agrega 1 producto", image: "https://cdn.shopify.com/s/files/1/0785/6681/8108/files/gotaagota1.webp?v=1768497550" }, category83844: { title: "Escoge tu molino", subtitle: "Agrega 1 producto", image: "" }, category96743: { title: "Escoge tu balanza (opcional)", subtitle: "Agrega 1 producto (opcional)", image: "" }, category04569: { title: "Escoge tu café (opcional)", subtitle: "Agrega 1 producto (opcional)", image: "" } }; var SHOW_PERCENT_BADGE = true; // "-X%" badge next to the price at the top of the page var SHOW_SAVINGS_PILL = true; // "Estás ahorrando S/.xx" pill in the grey total bar var ADD_PERCENT_TO_PILL = true; // adds " (-X%)" after the amount in that pill var FALLBACK_SAVINGS_TEXT = "Estás ahorrando {{PRICE_DIFF}}"; /* ================================== */ var CHEVRON = ''; var seenImages = {}; var isClosed = false; var scheduled = false; function getWrapper() { return document.querySelector('.gbbBundleWrapper[offer-id="' + OFFER_ID + '"]'); } function setText(el, txt) { if (el && el.textContent !== txt) el.textContent = txt; } /* ---------- PART 1: Accordion layout ---------- */ function addThumb(row, src) { if (!src || row.querySelector(".bcAccThumb")) return; var img = document.createElement("img"); img.className = "bcAccThumb"; img.alt = ""; img.src = src; row.insertBefore(img, row.querySelector(".bcAccText")); } function buildAccordion(wrapper) { var body = wrapper.querySelector(".gbbMixInlineBodyWrapper"); if (!body) return; var content = body.querySelector(".gbbMixInlineBodyContent"); var tabs = body.querySelectorAll(".gbbMixInlineCategoryTab"); if (!content || !tabs.length) return; var activeId = content.getAttribute("data-category-id"); var firstImg = content.querySelector(".gbbMixProductCardImage"); if (firstImg && firstImg.src && !seenImages[activeId]) seenImages[activeId] = firstImg.src; var existing = body.querySelector(".bcAcc"); if (existing && existing.getAttribute("data-active") === activeId && existing.contains(content)) { var activeRow = existing.querySelector('.bcAccRow[data-id="' + activeId + '"]'); if (activeRow) addThumb(activeRow, (CATEGORIES[activeId] || {}).image || seenImages[activeId]); return; } var acc = document.createElement("div"); acc.className = "bcAcc"; acc.setAttribute("data-active", activeId); Array.prototype.forEach.call(tabs, function (tab) { var id = tab.getAttribute("data-category-id"); var cfg = CATEGORIES[id] || {}; var isActive = id === activeId; var row = document.createElement("div"); row.className = "bcAccRow"; row.setAttribute("data-id", id); row.setAttribute("data-open", String(isActive && !isClosed)); row.innerHTML = '' + CHEVRON + ''; row.querySelector(".bcAccTitle").textContent = cfg.title || tab.textContent; row.querySelector(".bcAccSub").textContent = cfg.subtitle || ""; addThumb(row, cfg.image || seenImages[id]); row.addEventListener("click", function () { if (isActive) { isClosed = !isClosed; var panel = acc.querySelector(".bcAccPanel"); if (panel) panel.hidden = isClosed; row.setAttribute("data-open", String(!isClosed)); return; } isClosed = false; tab.click(); }); acc.appendChild(row); if (isActive) { var panel = document.createElement("div"); panel.className = "bcAccPanel"; panel.hidden = isClosed; panel.appendChild(content); acc.appendChild(panel); } }); body.appendChild(acc); if (existing) existing.remove(); } /* ---------- PART 2: Crossed-out price, % badge, savings pill ---------- */ function num(v) { var n = Number(v); return isNaN(n) ? 0 : n; } function pick(a, b) { return a != null ? a : b; } function getSavingsTemplate() { try { var helpers = (window.gbbInline && window.gbbInline.sdkHelpers) || window.gbbSdkHelpers; var txt = helpers && helpers.language && helpers.language.f.get("general.discountAppliedPillText_inPage", FALLBACK_SAVINGS_TEXT); if (txt && txt.indexOf("{{PRICE_DIFF}}") !== -1) return txt; } catch (e) {} return FALLBACK_SAVINGS_TEXT; } function calculatePrices(inst) { var cart = inst.f.getCartData({}) || {}; var helpers = window.gbbSdkHelpers; var strike = 0; (cart.items || []).forEach(function (item) { if (helpers && helpers.utility && helpers.utility.isBundleItem && !helpers.utility.isBundleItem(item)) return; var qty = num(item.quantity); var variant = (inst.f.getVariantDataById && inst.f.getVariantDataById(item.variant_id || item.variantId || item.id)) || {}; var price = num(pick(item.originalPrice, pick(item.price, variant.price))); var compareAt = num(pick(item.originalCompareAtPrice, pick(item.compare_at_price, variant.compare_at_price))); strike += (compareAt > price ? compareAt : price) * qty; }); var pricing = (inst.cart && inst.cart.f.getBundlePricing()) || {}; var charged = num(pricing.discountedPrice); var saved = strike > charged ? strike - charged : 0; var pct = strike > 0 && saved > 0 ? Math.round((saved / strike) * 100) : 0; return { strike: strike, charged: charged, saved: saved, pct: pct }; } function updatePrices(wrapper) { var inst = window.gbbSdk && window.gbbSdk[OFFER_ID]; if (!inst || !inst.f || !inst.cart || !window.gbbSdkHelpers) return; var r = calculatePrices(inst); var fmt = window.gbbSdkHelpers.shopify.utility.formatPrice; var strikeText = r.saved > 0 ? fmt(r.strike) : ""; var pctText = SHOW_PERCENT_BADGE && r.pct > 0 ? "-" + r.pct + "%" : ""; // Price at the top of the product page var nativePrice = document.querySelector(".gbbMixNativeProductPagePrice"); if (nativePrice) { setText(nativePrice.querySelector(".gbbMixNativeProductPagePrice__compareAtPrice"), strikeText); var badge = nativePrice.querySelector(".bcSavePct"); if (!badge) { badge = document.createElement("span"); badge.className = "bcSavePct"; badge.style.cssText = "margin-left:10px;padding:2px 8px;font-size:0.75em;background:#1c323a;color:#fff;vertical-align:middle;"; nativePrice.appendChild(badge); } setText(badge, pctText); var show = pctText ? "" : "none"; if (badge.style.display !== show) badge.style.display = show; } if (!wrapper) return; // Grey total bar + add-to-cart button: crossed-out total wrapper.querySelectorAll(".gbbMixInlineStrikeThroughPriceValue, .gbbMixInlineAddToCartBtnCompareAtPrice") .forEach(function (el) { setText(el, strikeText); }); // Grey total bar: savings pill (full saving, not just the bundle 5%) var pillText = ""; if (SHOW_SAVINGS_PILL && r.saved > 0) { pillText = getSavingsTemplate().replace("{{PRICE_DIFF}}", fmt(r.saved)); if (ADD_PERCENT_TO_PILL && r.pct > 0) pillText += " (-" + r.pct + "%)"; } wrapper.querySelectorAll(".gbbMixInlineDiscountText").forEach(function (el) { setText(el, pillText); }); // Add-to-cart button ribbon (kept in sync if ever shown) wrapper.querySelectorAll(".gbbMixInlineAddToCartBtnDiscountRibbon").forEach(function (el) { var re = /\d+(?:[.,]\d+)?\s*%/; if (re.test(el.textContent)) setText(el, el.textContent.replace(re, r.pct + "%")); }); } /* ---------- Shared background watcher ---------- */ function refresh() { var wrapper = getWrapper(); if (wrapper) { try { buildAccordion(wrapper); } catch (e) {} } try { updatePrices(wrapper); } catch (e) {} } function schedule() { if (scheduled) return; scheduled = true; requestAnimationFrame(function () { scheduled = false; refresh(); }); } function start() { new MutationObserver(schedule).observe(document.body, { childList: true, subtree: true, characterData: true }); document.addEventListener("gbb-cart:updated", function () { setTimeout(schedule, 0); }); document.addEventListener("gbb-modules:initialized", schedule); schedule(); } if (document.body) start(); else document.addEventListener("DOMContentLoaded", start); })();

Compatibles con Dolce Gusto

Carrito

Seleccione opciones