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

Maguey

MAGUEY

Product Type

In Stock Sq.ft

Usage

Shape

Finish

Size

Texture

Color

Collection

Filter

Filter

Filter

Product Type

In Stock Sq.ft

Usage

Shape

Finish

Size

Texture

Color

Collection

Maguey Matte Sample

Pencil Liner Maguey

BORROW FROM THE EARTH