gbb.f.prepareMinimilisticFooterProductsCard=function (products=[],noteAttribute){ try { const showCompareAtPrice = gbb?.settings?.merchantInfo?.bundleSettings?.showCompareAtPrice let updateProductPriceBasedOnActiveDiscount = gbb.settings?.app?.updateProductPriceBasedOnActiveDiscount ?? false const productsContainer = gbb.$('

',{class:'gbbFooterProductsContainer'}) products.forEach((product) => { let pageIdTheProductWasAddedFrom = product?.properties["_boxProduct"] const checkIfRemoveButtonShouldBeAppended = gbb.utility.checkIfRemoveButtonShouldBeAppended(product?.variant_id, pageIdTheProductWasAddedFrom) const isDefaultProduct = product?.properties["_boxProduct"] == "defaultProduct" const productContainer = gbb.$('

', { class: 'gbbFooterProductWrapper' }) productContainer.attr("productId", product.product_id) productContainer.attr("variantId", product.variant_id) const productImageContainer = gbb.$('

',{class:'gbbFooterProductImageContainer'}) const productInfoContainer = gbb.$('

', { class: 'gbbFooterProductInfoContainer' }) const productPriceContainer = gbb.$('

', { class: 'gbbFooterProductPriceContainer' }) const productCompareAtPrice = gbb.$('

', { class: 'gbbFooterProductCompareAtPrice' }) const productRemoveButtonWrapper = gbb.$('

', { class: 'gbbFooterProductRemoveButtonWrapper' }) const removeProductButton = gbb.$('

', { class: 'gbbFooterProductRemoveButton' }).html(DELETE_ICON) const productActionContainer = gbb.$('

', { class: 'gbbFooterProductActionContainer' }) const productQuantity = gbb.$('

', { class: 'gbbFooterProductQuantity' }).text(`x${product.quantity}`) const productImage = gbb.$("", { class: 'gbbFooterProductImage' }) const productTitle = gbb.$('

', { class: 'gbbFooterProductTitle' }) const variantTitle = gbb.$('

', { class: 'gbbFooterVariantTitle' }) const productPrice = gbb.$('

', { class: 'gbbFooterProductPrice' }) const isAddonProduct = product.properties._boxProduct == 'addonProduct' let price = product.price let compareAtPrice = product.compare_at_price if (updateProductPriceBasedOnActiveDiscount && !isAddonProduct) { price = gbb.gbbAddProductsPage.f.getVariantPriceBasedOnActiveDiscount(product.variant_id) } productImage.attr("src", product.image) productTitle.text(product.product_title) variantTitle.text(product.public_title) if (product.public_title == 'Default Title') { variantTitle.hide() } // Add BOGO ribbon if product is eligible if (product.properties?._bogoProduct) { const originalPrice = product.compare_at_price || product.originalPrice || product.price; const discountAmount = originalPrice - product.price; const discountPercent = Math.round((discountAmount / originalPrice) * 100); const ribbonText = discountPercent + '% off'; const bogoRibbon = gbb.$('

', { class: 'gbbBogoRibbon' }).text(ribbonText) productImageContainer.append(bogoRibbon) } if (showCompareAtPrice && compareAtPrice && compareAtPrice > price) { productCompareAtPrice.text(gbb.utility.formatPrice(compareAtPrice)) } productPrice.text(gbb.utility.formatPrice(price)) removeProductButton.on('click',()=> gbb.utility.removeProductFromCartFooter(product,noteAttribute)) if (!checkIfRemoveButtonShouldBeAppended && !isDefaultProduct) { // we are rendering delete icon checkIfRemoveButtonShouldBeAppended if false but in disabled state and adding guide toast when clicked but we can't remove default products so we are skipping that removeProductButton.off('click') productRemoveButtonWrapper.addClass('gbbRemoveButtonDisabled') removeProductButton.on('click', () => { const productAddedFrom = product.properties._boxProduct const pageIndex = ADDPRODUCT_PAGES_LIST.findIndex(page => page == productAddedFrom) const productPageKey = `productsData${pageIndex+1}` let pageTitle = gbb.settings.stepsConfigurationData[productPageKey]?.productPageStepText if (!pageTitle) { pageTitle = gbb.settings.stepsConfigurationData.personalizationData.personalizeStepText; } let message = gbb.utility.renderLanguageValue(gbb.settings.languageData.general.removeFooterProductFrom) || '1Remove This Product From ##stepName##' message = message.replace('##stepName##', pageTitle) gbb.f.renderConditionNotificationToast(message) }) } productPriceContainer.append(productPrice, productCompareAtPrice) productInfoContainer.append(productTitle,variantTitle,productPriceContainer) productImageContainer.append(productImage) if (!isDefaultProduct || (isDefaultProduct && checkIfRemoveButtonShouldBeAppended)){ productRemoveButtonWrapper.append(removeProductButton) } productActionContainer.append(productQuantity,productRemoveButtonWrapper) productContainer.append(productImageContainer, productInfoContainer, productActionContainer) productsContainer.append(productContainer) }) return productsContainer } catch (error) { gbb.utility.debugError("error in prepareMinimilisticFooterProductsCard:", error); } } let _orig= gbb.utility.getStepCartData; gbb.utility.getStepCartData = async function (noteAttribute, category, pageType) { let result = await _orig.call(this, noteAttribute, category, pageType); let cartData = await gbb.gbbBrowser.getRelevantBoxDataFromSessionStorage(); let items = cartData.items || []; for (let i = 0; i < items.length; i++) { let item = items[i]; if (item?.properties?._boxProduct === "defaultProduct") { if (pageType === "MULTIPLE_CATEGORY" && item.properties._Category !== category) { continue; } let amount = gbb.utility.formatPriceWithoutSymbol(item.price) * item.quantity; result.amount += amount; result.quantity += item.quantity; result.weight += item.weight * item.quantity; } } return result; };

Shop the perfect bundle

Explore More Occassions