gfb.gfbOverWriteBundleDisplayDataInCart.f.renderItemsNameAsStablized = _safeAsync(async function renderItemsNameAsStablized(selectors){ let { cartPageSelector, bundleImageSelector, itemTitleSelector, itemDetailsSelector } = selectors; const cartData = gfb.state.cartData; if(!cartData){ return; } const items = cartData.items; const cartItemsHtmlNodesRef = document.querySelectorAll(cartPageSelector); for(let i = 0; i < cartItemsHtmlNodesRef.length; i++){ const currentCartItemHtmlNodeRef = cartItemsHtmlNodesRef[i]; const currentCartItemData = items[i]; const propertiesOfCurrNodeData = currentCartItemData.properties; const isFlyBundlesPresentInCart = propertiesOfCurrNodeData["OfferId"] && (propertiesOfCurrNodeData["OfferId"].includes("FBT") || propertiesOfCurrNodeData["OfferId"].includes("VOL")); if(!isFlyBundlesPresentInCart){ continue; } let offerId = propertiesOfCurrNodeData["OfferId"]; //if random alphanumeric string present in offer id then split it and get the offer id if(offerId.includes("_")){ offerId = offerId.split("_")[0]; } const volOffers = gfb.settings.configDataFromDb.volumeDiscountData; const fbtOffers = gfb.settings.configDataFromDb.frequentBoughtData; let matchingOffer = null; if(propertiesOfCurrNodeData["OfferId"].includes("FBT")){ matchingOffer = fbtOffers.find((offer) => offer.offerId == offerId); } else if(propertiesOfCurrNodeData["OfferId"].includes("VOL")){ matchingOffer = volOffers.find((offer) => offer.offerId == offerId); }else{ matchingOffer = volOffers.find((offer) => offer.offerId == offerId); if (!matchingOffer) { matchingOffer = fbtOffers.find((offer) => offer.offerId == offerId); } } if(!matchingOffer){ continue; } gfb.utility.debugConsole("matchingOffer => ", matchingOffer); const overwriteBundleImage = gfb.settings.app.overwriteBundleImage; const overwriteBundleName = gfb.settings.app.overwriteBundleName; const addBundleItemsNameAsText = gfb.settings.app.addBundleItemsNameAsText; const addStrikeThroughPrice = gfb.settings.app.addStrikeThroughPrice; const addBundleItemsCustomizedText = gfb.settings.app.addBundleItemsCustomizedText; const hideOfferId = gfb.settings.app.hideOfferId; const hideRandomSelectedParentProductsOption = gfb.settings.app.hideRandomSelectedParentProductsOption; const allConditionsObj = { overwriteBundleImage, overwriteBundleName, hideOfferId, addBundleItemsNameAsText, addStrikeThroughPrice, addBundleItemsCustomizedText, hideRandomSelectedParentProductsOption } const cartItemsImageSelector = bundleImageSelector; const cartItemsNameSelector = itemTitleSelector; const cartItemsDetailsSelector = itemDetailsSelector; const bundleImageSelectorRef = currentCartItemHtmlNodeRef.querySelector(cartItemsImageSelector); const bundleNameSelectorRef = currentCartItemHtmlNodeRef.querySelector(cartItemsNameSelector); const bundleInfoSelectorRef = currentCartItemHtmlNodeRef.querySelector(cartItemsDetailsSelector); const bundleDetails = propertiesOfCurrNodeData["_Details"]; const bundleItemsCustomTextInfo = propertiesOfCurrNodeData["_CustomText"]; const bundleDetailsSplit = bundleDetails.split(",").filter(curr => curr.trim() != ""); const bundleItemsCustomTextInfoSplit = bundleItemsCustomTextInfo.split(",").filter(curr => curr.trim() != ""); // Handle each condition using switch cases Object.entries(allConditionsObj).forEach(([condition, enabled]) => { if (!enabled) return; switch(condition) { case 'overwriteBundleImage': if (bundleImageSelectorRef && !bundleImageSelectorRef.classList.contains("gfbBundlesInCartImage")) { if(matchingOffer.uploadedImageSrc){ bundleImageSelectorRef.removeAttribute("srcset"); bundleImageSelectorRef.src = matchingOffer.uploadedImageSrc; } bundleImageSelectorRef.classList.add("gfbBundlesInCartImage"); } break; case 'overwriteBundleName': if (bundleNameSelectorRef && !bundleNameSelectorRef.classList.contains("gfbBundlesInCartName")) { bundleNameSelectorRef.textContent = matchingOffer.title; bundleNameSelectorRef.classList.add("gfbBundlesInCartName"); } break; case 'hideOfferId': const bundleInforSelectorsChildNodesArr = bundleInfoSelectorRef?.childNodes || []; for(let childeNode of bundleInforSelectorsChildNodesArr){ if(childeNode.textContent.includes("FBT") || childeNode.textContent.includes("VOL")){ childeNode.classList.add("gfbHideProperty"); } } break; case 'addBundleItemsNameAsText': let itemsStr = ""; bundleDetailsSplit.forEach((item) => { const itemsArr = item.split(":"); const variantId = itemsArr[0].trim(); const quantity = itemsArr[1].trim(); const isVolumeBundle = matchingOffer.offerId.includes("VOL"); const isFrequentBought = matchingOffer.offerId.includes("FBT"); let currVariantData = null; let cachedVariantData = JSON.parse(localStorage.getItem("cachedVariantDataById")) || {}; if(isVolumeBundle){ currVariantData = gfb.gfbVolumeDiscount.state.volumeBundleShopifyDataByVariantIds[variantId] || cachedVariantData[variantId]; }else if(isFrequentBought){ currVariantData = gfb.gfbFrequentBought.state.frequentBoughtShopifyDataByVariantIds[variantId] || cachedVariantData[variantId]; } if(!cachedVariantData[variantId] && currVariantData){ cachedVariantData = { ...cachedVariantData , [variantId]: { name : currVariantData.name , title : currVariantData.title } }; localStorage.setItem("cachedVariantDataById", JSON.stringify(cachedVariantData)); } const name = currVariantData.name; const quantityStr = `${quantity} x ${name}`; itemsStr += quantityStr + ", "; }); const existingBundleItems = bundleInfoSelectorRef.querySelector('.gfbBundlesInCartItems'); if (existingBundleItems) { existingBundleItems.remove(); } const lastChildParentElementClone = bundleInfoSelectorRef.lastElementChild.cloneNode(true); lastChildParentElementClone.innerHTML = `Items: ${itemsStr}`; if(lastChildParentElementClone.classList.contains("gfbHideProperty")){ lastChildParentElementClone.classList.remove("gfbHideProperty"); } bundleInfoSelectorRef.appendChild(lastChildParentElementClone); lastChildParentElementClone.classList.add("gfbBundlesInCartItems"); break; case 'addBundleItemsCustomizedText': let itemsStrForCustomizedText = ""; bundleDetailsSplit.forEach((item , index) => { const itemsArr = item.split(":"); const customText = bundleItemsCustomTextInfoSplit[index].split(":")[1].trim(); const variantId = itemsArr[0].trim(); const quantity = itemsArr[1].trim(); const isVolumeBundle = matchingOffer.offerId.includes("VOL"); const isFrequentBought = matchingOffer.offerId.includes("FBT"); let currVariantData = null; let cachedVariantData = JSON.parse(localStorage.getItem("cachedVariantDataById")) || {}; if(isVolumeBundle){ currVariantData = gfb.gfbVolumeDiscount.state.volumeBundleShopifyDataByVariantIds[variantId] || cachedVariantData[variantId]; }else if(isFrequentBought){ currVariantData = gfb.gfbFrequentBought.state.frequentBoughtShopifyDataByVariantIds[variantId] || cachedVariantData[variantId]; } if(!cachedVariantData[variantId] && currVariantData){ cachedVariantData = { ...cachedVariantData , [variantId]: { name : currVariantData.name , title : currVariantData.title } }; localStorage.setItem("cachedVariantDataById", JSON.stringify(cachedVariantData)); } const title = currVariantData.title; const quantityStr = `${quantity} x ${title}`; if(customText && customText.trim().length > 0 && !customText.includes("null")){ itemsStrForCustomizedText += `

${quantityStr} - ${customText}

`; }else{ itemsStrForCustomizedText += `

${quantityStr}

`; } }); const existingCustomizedText = bundleInfoSelectorRef.querySelector('.gfbBundlesInCartItemsCustomizedText'); if (existingCustomizedText) { existingCustomizedText.remove(); } const lastChildParentElementCloneForCustomizedText = bundleInfoSelectorRef.cloneNode(true); lastChildParentElementCloneForCustomizedText.innerHTML = `

Items:

${itemsStrForCustomizedText}

`; if(lastChildParentElementCloneForCustomizedText.classList.contains("gfbHideProperty")){ lastChildParentElementCloneForCustomizedText.classList.remove("gfbHideProperty"); } bundleInfoSelectorRef.appendChild(lastChildParentElementCloneForCustomizedText); lastChildParentElementCloneForCustomizedText.classList.add("gfbBundlesInCartItemsCustomizedText"); break; case 'hideRandomSelectedParentProductsOption': { const bundleInforSelectorsChildNodesArr = bundleInfoSelectorRef?.childNodes || []; for(let childeNode of bundleInforSelectorsChildNodesArr){ if(childeNode.textContent.includes("FBT") || childeNode.textContent.includes("VOL")){ break; }else{ childeNode.remove(); } } } break; } }); } }) //redirection window.gfb = window.gfb || {}; if (window.gfb.allPageLogic?.f && window.gfb.settings?.app?.overWriteParentProductButtonWithBundleLink) { const idToHandle = {}; const bundleHandles = new Set(); for (const { bundleShopifyData: d } of window.gfb.settings.configDataFromDb?.frequentBoughtData ?? []) { if (!d?.id) continue; bundleHandles.add(d.handle); idToHandle[d.id] = d.handle; for (const v of d.variants ?? []) if (v?.id) idToHandle[v.id] = d.handle; } // Guard the real PDP only; the quick-view reuses the same markup but its id has "quick-view". const PDP_GUARD = 'section[id*="__main-product"]:not([id*="quick-view"]),[id^="ProductInfo-"]:not([id*="quick-view"])'; const redirect = (e, handle) => { e.preventDefault(); e.stopImmediatePropagation(); window.location.href = "/products/" + handle; }; document.addEventListener("click", (e) => { // Path A — Boost SD quick-add (id in data-metadata) const boostBtn = e.target.closest("button.boost-sd__button[data-metadata]"); if (boostBtn) { const id = boostBtn.getAttribute("data-metadata").match(/"productId"\s*:\s*"?(\d+)"?/)?.[1]; if (idToHandle[id]) redirect(e, idToHandle[id]); return; } // Path B — theme add button, everywhere except the real PDP const addBtn = e.target.closest('#AddToCart,button[name="add"],.single-add-to-cart-button'); if (!addBtn || addBtn.closest(PDP_GUARD)) return; // Handle from the form's id input, else the nearest bundle product link let handle = idToHandle[addBtn.closest("form")?.querySelector('input[name="id"],input[name="product-id"]')?.value]; for (let n = addBtn; !handle && n && n !== document.body; n = n.parentElement) { const h = n.querySelector?.('a[href*="/products/"]')?.getAttribute("href")?.match(/\/products\/([^/?#]+)/)?.[1]; if (bundleHandles.has(h)) handle = h; } if (handle) redirect(e, handle); }, true); } //meta-field const GFB_FBT_SUBTITLE_CLASS = "gfbCustomProductSubtitle"; // handle (from data-product-handle) -> productId (the key used by productOptionsDataById) const gfbFbtResolveProductId = (handle) => { if (!handle) return null; // Primary source: the offer's selectedProducts carry both handle + productId. try { const offers = gfb.settings?.frequentBoughtData ?? []; for (const offer of offers) { for (const sp of offer.selectedProducts ?? []) { if (sp.handle === handle && sp.productId != null) return String(sp.productId); } } } catch (err) {} // Fallback: Shopify data keyed by handle. try { const byHandle = gfb.gfbFrequentBought?.state?.frequentBoughtShopifyDataByHandles?.[handle]; if (byHandle && byHandle.id != null) return String(byHandle.id); } catch (err) {} return null; }; // productId -> subtitle string (or null when the metafield is absent / empty) const gfbFbtGetSubtitle = (productId) => { if (productId == null) return null; const map = gfb.gfbFrequentBought?.state?.productOptionsDataById ?? {}; const entry = map[productId] || map[String(productId)]; if (!entry) return null; const mf = entry.metafield_custom_product_subtitle; if (!mf) return null; // null metafield => show nothing // metafield can be the { value: "..." } object or (rarely) a plain string. const val = typeof mf === "object" ? mf.value : mf; if (!val || !String(val).trim()) return null; return String(val).trim(); }; // Insert the subtitle right after each product title inside a produced fragment. const gfbFbtInjectSubtitles = (contentContainer) => { if (!contentContainer?.querySelectorAll) return; contentContainer.querySelectorAll(".gfbFrequentBoughtWidgetProductContainer").forEach((container) => { const titleEl = container.querySelector(".gfbFrequentBoughtWidgetProductTitle"); if (!titleEl) return; // Idempotent: skip if our subtitle already sits right after the title. const next = titleEl.nextElementSibling; if (next && next.classList.contains(GFB_FBT_SUBTITLE_CLASS)) return; const handle = container.getAttribute("data-product-handle"); const subtitle = gfbFbtGetSubtitle(gfbFbtResolveProductId(handle)); if (!subtitle) return; // null / empty => leave the card untouched const subEl = document.createElement("div"); subEl.className = GFB_FBT_SUBTITLE_CLASS; subEl.textContent = subtitle; // textContent = XSS-safe titleEl.insertAdjacentElement("afterend", subEl); }); }; // Wrap the render function: original output + subtitles, preserving all original behavior. const gfbFbtOriginalPrepareContent = gfb.gfbFrequentBought.f.gfbFrequentBoughtPrepareContent; gfb.gfbFrequentBought.f.gfbFrequentBoughtPrepareContent = function (currentOffer) { const contentContainer = gfbFbtOriginalPrepareContent.apply(this, arguments); try { gfbFbtInjectSubtitles(contentContainer); } catch (err) { gfb.utility.debugConsole("error in gfbFrequentBoughtPrepareContent subtitle inject => ", err); } return contentContainer; };

Shorts