gfb.utility.addToCart = async function (data) { try { let url = `${Shopify.routes.root}cart/add.js?app=gfbBundleApp`; const response = await fetch(url, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify(data), }); const res = await response.json(); if(res.status == 422){ throw new Error(res.description || 'Error in adding to cart'); } gfb.utility.debugConsole("Success:", res); return true; } catch (error) { gfb.utility.debugError("gfb-utility-addToCart"); gfb.utility.debugError(error); throw error; } } function showPrice() { const interval = setInterval(() => { const priceElement = document.querySelector( '.price.price--large.price--on-sale.price--show-badge' ); if (priceElement) { priceElement.style.setProperty('display', 'block', 'important'); clearInterval(interval); } }, 100); } showPrice(); gfb.gfbOverWriteBundleDisplayDataInCart.f.renderItemsNameAsStablized = async function(selectors , mode){ try{ let { cartPageSelector, bundleImageSelector, itemTitleSelector, itemDetailsSelector } = selectors; const cartData = gfb.state.cartData; if(!cartData){ return; } const items = cartData.items; const _byKey = {}, _byVariant = {}; items.forEach(function (it) { if (it.key) _byKey[it.key] = it; _byVariant[String(it.variant_id || it.id)] = it; }); function _resolveLine(node) { var d = node.dataset || {}, key = d.cartItemKey || d.key || null; if (!key) { var a = node.querySelector('a[href*="/cart/change"], a[href*="id="]'); var m = a && a.getAttribute("href").match(/[?&]id=([^&]+)/); if (m) key = decodeURIComponent(m[1]); } var variant = null; var v = node.querySelector('a[href*="variant="]'); var vm = v && v.getAttribute("href").match(/[?&]variant=(\d+)/); if (vm) variant = vm[1]; return (key && _byKey[key]) || (variant && _byVariant[variant]) || null; } let cartItemsHtmlNodesRef = document.querySelectorAll(cartPageSelector); if ("cart" === gfb.state.page_type) { cartItemsHtmlNodesRef = document.querySelectorAll("#main-cart-items .cart-item"); } for(let i = 0; i < cartItemsHtmlNodesRef.length; i++){ const currentCartItemHtmlNodeRef = cartItemsHtmlNodesRef[i]; const currentCartItemData = _resolveLine(currentCartItemHtmlNodeRef); if (!currentCartItemData) continue; 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 cartItemsPriceSelector = ""; 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.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 itemsHTML = ""; 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(!currVariantData) return; // null-guard: skip a missing variant instead of crashing the block // Same photo the PDP/checkout swatch uses. Live map has featured_image.src; cache has .image const imgSrc = (currVariantData.featured_image && currVariantData.featured_image.src) || currVariantData.image || ""; // Cache image too, so swatches survive a cold /cart load before the widget map is built if(!cachedVariantData[variantId] || !cachedVariantData[variantId].image){ cachedVariantData = { ...cachedVariantData , [variantId]: { name : currVariantData.name , title : currVariantData.title , image : imgSrc } }; localStorage.setItem("cachedVariantDataById", JSON.stringify(cachedVariantData)); } const name = currVariantData.name; const swatch = imgSrc ? `` : ""; itemsHTML += `${swatch}${quantity} \u00D7 ${name}`; }); const existingBundleItems = bundleInfoSelectorRef.querySelector('.gfbBundlesInCartItems'); if (existingBundleItems) { existingBundleItems.remove(); } const lastChildParentElementClone = bundleInfoSelectorRef.lastElementChild.cloneNode(true); lastChildParentElementClone.innerHTML = `

Items:

${itemsHTML}

`; if(lastChildParentElementClone.classList.contains("gfbHideProperty")){ lastChildParentElementClone.classList.remove("gfbHideProperty"); } bundleInfoSelectorRef.appendChild(lastChildParentElementClone); lastChildParentElementClone.classList.add("gfbBundlesInCartItems"); break; case 'addStrikeThroughPrice': // TODO: Implement strike through price logic 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.includes("null")){ itemsStrForCustomizedText += `${quantityStr} - ${customText}, `; }else{ itemsStrForCustomizedText += `${quantityStr}, `; } }); const existingCustomizedText = bundleInfoSelectorRef.querySelector('.gfbBundlesInCartItemsCustomizedText'); if (existingCustomizedText) { existingCustomizedText.remove(); } const lastChildParentElementCloneForCustomizedText = bundleInfoSelectorRef.lastElementChild.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; } }); } }catch(err){ gfb.utility.debugConsole("error in renderItemsNameAsStablized => ", err); } }

Featured Collections

Terracotta: All Patterns Spotlight

Terracotta: Saltillo Tile Spotlight

Terracotta: 3D Terracotta Spotlight

Clay: Solid Tile Spotlight

Clay: Handmade Glazed Spotlight

Breeze Block: Pattern Gallery Spotlight

Breeze Block: Screen Blocks Spotlight

Home Goods: Ceramics & Pots Spotlight

Home Goods: Textiles & Decor Spotlight

Wallpaper Spotlight

SHOP ALL BREEZE BLOCKS

Terracotta Blocks

GLAZED BLOCKS

Breeze block 3D FILES

WHERE TO USE BREEZE BLOCKS

Shop & Explore

Ceramics: Artisan Plates

Textiles: Otomí Patterns

Furniture: Equipal Design

Ceramics: Glaze Gallery

Home Goods: Integrated Design

Special: Tile-Mimic Textures

Ceramics Collection Spotlight

Shop All Ceramics

Glaze Gallery & Samples

Ceramics: Decorative Accents

Behind the Craft: Hand-Poured Ceramics

Outdoor Collection Spotlight

Planters Collection

House Numbers

Furniture + Textiles Collection Spotlight

Otomí Textiles: Custom Embroidery

Equipales: Handcrafted Furniture

Vegan Equipale: Sustainable Design

Featured Stories

Why Do Handcrafted Tile Glazes Vary?

Breeze Block Wall Step-by-Step DIY Installation Guide (Part I)

Shop & Explore

Shop All Wallpaper

Design Story: Migration

SHAPES - FABRICA

Collection

Filter

Filter

Filter

Collection

No products found Use fewer filters or remove all

BORROW FROM THE EARTH

No products found
Use fewer filters or remove all