gbb.gbbDiscountComponent.f.updateCurrentDiscountRule = async function () { try { const isCartTransformationAllowed = gbb.state.isCartTransformationAllowed ?? false; if ( gbb.settings.discountsData.rules == undefined || gbb.settings.discountsData.isDiscountEnabled == false ) { return; } let currentDiscountMode = gbb.settings.discountsData.discountMode; if (gbb.settings.discountsData.isKiteDiscountMessagingEnabled) { currentDiscountMode = gbb.settings.discountsData.kiteDiscountMessaging.discountMode; } let currentDiscountRuleKeys = []; //get all keys from gbb.gbbDiscountComponent.state.currentDiscountRule = {} if (gbb.gbbDiscountComponent.state.currentDiscountRule) { currentDiscountRuleKeys = Object.keys( gbb.gbbDiscountComponent.state.currentDiscountRule ); } else { gbb.gbbDiscountComponent.state.currentDiscountRule = {}; } let cartDataFromSessionStorage = gbb.gbbBrowser.getCartDataFromSessionStorage(); if (!cartDataFromSessionStorage) { return; } //for loop for each box. discountEligibleCartData(b) let allBoxes = cartDataFromSessionStorage.boxes; let allBoxKeys = Object.keys(allBoxes); for (let i = 0; i < currentDiscountRuleKeys.length; i++) { let boxKey = currentDiscountRuleKeys[i]; if (allBoxKeys.includes(boxKey) == false) { delete gbb.gbbDiscountComponent.state.currentDiscountRule[boxKey]; } } Object.keys(allBoxes).forEach(function (boxKey) { let box = allBoxes[boxKey]; let cartData = gbb.gbbDiscountComponent.f.discountEligibleCartData(box); const cartQuantity = cartData.item_count; // let currentCartValue = gbb.state.giftBoxCartData.total_price / 100 let currentCartValue = cartData.total_price / 100; let activeCurrencyRate = gbb.utility.getActiveCurrencyRate(); let totalCartValue = currentCartValue / activeCurrencyRate; let applicableRule; let applicableDiscountValue = 0; const rulesArr = JSON.parse( JSON.stringify(gbb.settings.discountsData.rules) ); // const rulesArr = (gbb.settings.discountsData.rules) if (currentDiscountMode != 'FIXED_BUNDLE_PRICE') { for (let i = 0; i < rulesArr.length; i++) { if (rulesArr[i].type == 'quantity') { // 👇 Always consider quantity-based rules eligible // even if the current quantity is below the configured threshold. // This ensures redirect + discount UI stay active for all cases. let curDiscountValue; if (currentDiscountMode == 'PERCENTAGE') { curDiscountValue = rulesArr[i].discountValue * (totalCartValue / 100); } else { curDiscountValue = rulesArr[i].discountValue; } // Tag the rule as a "preview" if the threshold isn't yet met const clonedRule = { ...rulesArr[i] }; if (cartQuantity < rulesArr[i].value) { clonedRule._isPreview = true; // helpful marker if needed later } applicableRule = clonedRule; applicableDiscountValue = curDiscountValue; } else if (rulesArr[i].type == 'amount') { if (totalCartValue >= rulesArr[i].value) { let curDiscountValue; if (currentDiscountMode == 'PERCENTAGE') { curDiscountValue = rulesArr[i].discountValue * (totalCartValue / 100); } else { curDiscountValue = rulesArr[i].discountValue; } // if (!applicableRule || applicableDiscountValue < curDiscountValue) { applicableRule = rulesArr[i]; applicableDiscountValue = curDiscountValue; // } } } } if (!applicableRule) { applicableRule = null; } } else if (currentDiscountMode == 'FIXED_BUNDLE_PRICE') { for (let i = 0; i < rulesArr.length; i++) { //store discount only if cartQuantity is equal to the rule value if ( Number(cartQuantity) === Number(rulesArr[i]?.value || 0) && (isCartTransformationAllowed || totalCartValue >= Number(rulesArr[i]?.discountValue || 0)) ) { applicableRule = rulesArr[i]; applicableDiscountValue = rulesArr[i].discountValue; } } if (!applicableRule) { applicableRule = null; } } const cartValue = totalCartValue; // gbb.utility.debugConsole("cartValue= ", cartValue); //get the last rule from the eligible rules // gbb.utility.debugConsole("applicable rule: ", applicableRule); let isDiscountAllowed = gbb.gbbSubscriptionWidget.f.isDiscountAllowedOnSelectedPurchaseType(); if (!isDiscountAllowed) { applicableRule = null; } if (!applicableRule) { gbb.gbbDiscountComponent.state.currentDiscountRule[box.boxId] = null; } else { applicableRule.discountMode = currentDiscountMode; gbb.gbbDiscountComponent.state.currentDiscountRule[box.boxId] = applicableRule; } }); //check all the objects in the currentDiscountRule object and see if they are all null let isDiscountsExist = false; //use a for loop to check if any of the values are not null for (let key in gbb.gbbDiscountComponent.state.currentDiscountRule) { if (gbb.gbbDiscountComponent.state.currentDiscountRule[key] != null) { gbb.gbbDiscountComponent.state.discountCodePrefix = gbb.gbbDiscountComponent.state.currentDiscountRule[ key ].discountCodePrefix; isDiscountsExist = true; break; } } gbb.gbbDiscountComponent.state.isAtleastOneDiscountActive = isDiscountsExist; } catch (e) { gbb.utility.debugError('error in updateCurrentDiscountRule: ', e); gbb.utility.triggerSlackNotification(e); } }; gbb.gbbDiscountComponent.f.renderDiscountPill = function () { try { const discountData = gbb.gbbDiscountComponent.state.currentDiscountRule[gbb.state.activeBoxId]; // 🧠 Don't render pill if discount rule doesn't exist or is a preview if (!discountData || discountData._isPreview) { gbb.$('.gbbDiscountPill').remove(); return; } const discountPillHTML = gbb.$('

').addClass('gbbDiscountPill'); const discountPillText = gbb.$('

').addClass('gbbDiscountPillText'); const isKiteIntegrationEnabled = gbb.settings.discountsData?.isKiteIntegrationEnabled && gbb.settings.discountsData.discountMode == 'PRODUCT_SPECIFIC_DISCOUNT'; if (isKiteIntegrationEnabled) { return; } const { discountMode = '', discountValue } = discountData || {}; let pillContent = ''; switch (discountMode) { case 'PERCENTAGE': pillContent = `${discountValue}%`; break; case 'FIXED': pillContent = `${gbb.utility.formatPrice(discountValue * 100)}`; pillContent = pillContent?.split('.')[0]; break; case 'FIXED_BUNDLE_PRICE': let cartValue = gbb.gbbBrowser.getRelevantBoxDataFromSessionStorage()?.total_price || 0; cartValue = cartValue / 100; let percentage = ((cartValue - discountValue) / cartValue) * 100; pillContent = percentage > 0 ? `${Math.round(percentage)}%` : ''; break; default: pillContent = ``; break; } if (!pillContent) { gbb.$('.gbbDiscountPill').remove(); return; } pillContent = pillContent.trim() + ' ' + (gbb.utility.renderLanguageValue( gbb.settings.languageData.general.discountRibbonSuffix ) || ' off'); discountPillText.text(pillContent); discountPillHTML.append(discountPillText); return discountPillHTML; } catch (error) { gbb.utility.debugError(error + 'inside renderDiscountPill'); } }; gbb.f.renderFooterTotalContainer = function (options) { const showDiscountPill = options?.showDiscountPill ?? false; const isDiscountEnabled = gbb.settings?.discountsData?.isDiscountEnabled ?? false; const gbbFooterTotalContainer = gbb .$('

') .addClass('gbbFooterTotalContainer'); const totalLabelTextColor = gbb.settings.pageCustomizationData.cartFooter.cartFooterTotalLabelColor || gbb.settings.pageCustomizationData.cartFooter.cartFooterTextColor; const gbbFooterTotalLabel = gbb .$('

') .addClass('gbbFooterTotalLabel') .css('color', totalLabelTextColor) .text( gbb.utility.renderLanguageValue( gbb.settings?.languageData.reviewPage.totalLabel ) || 'Total' ); const gbbFooterTotalValueContainer = gbb .$('

') .addClass('gbbFooterTotalValueContainer') .css( 'color', gbb.settings.pageCustomizationData?.cartFooter?.cartFooterTextColor ); const gbbFooterOriginalTotalValue = gbb .$('

') .addClass('gbbFooterOriginalTotalValue') .append(gbb.utility.getGiftBoxProductsTotalWithCurrency()); const finalPriceFontColor = gbb.settings.pageCustomizationData?.cartFooter ?.cartFooterFinalPriceFontColor || gbb.settings.pageCustomizationData?.cartFooter?.cartFooterTextColor; const gbbFooterDiscountedTotalValue = gbb .$('

') .addClass( isDiscountEnabled ? 'gbbFooterDiscountedTotalValue' : 'gbbFooterTotalValue' ) .css('color', finalPriceFontColor); let originalTotal = parseFloat(gbb.state.giftBoxCartData.total_price / 100); let formattedDiscountedPrice = gbb.utility.getGiftBoxProductsTotalWithCurrency(); let discountedTotal = gbb.utility.getGiftBoxProductsDiscountedTotal(); if (isDiscountEnabled) { const discountedTotalInShopifyFormat = discountedTotal * 100; formattedDiscountedPrice = gbb.utility.formatPrice( discountedTotalInShopifyFormat ); } // ✅ Always show original total gbbFooterTotalValueContainer.append(gbbFooterOriginalTotalValue); gbbFooterDiscountedTotalValue.append(formattedDiscountedPrice); gbbFooterTotalValueContainer.append(gbbFooterDiscountedTotalValue); if (showDiscountPill) { const activeBoxId = gbb.state.activeBoxId || 'box1'; const currentRule = gbb.gbbDiscountComponent.state.currentDiscountRule?.[activeBoxId]; const isRealDiscountActive = currentRule && !currentRule._isPreview; if (isRealDiscountActive) { const discountPillHTML = gbb.gbbDiscountComponent.f.renderDiscountPill(); const bundleTotalWrapper = gbb .$('

', { class: 'gbbBundleTotalWrapper' }) .append(gbbFooterTotalLabel, discountPillHTML); gbbFooterTotalContainer.append(bundleTotalWrapper); } else { // 👇 Hide pill before threshold is met gbbFooterTotalContainer.append(gbbFooterTotalLabel); } } else { gbbFooterTotalContainer.append(gbbFooterTotalLabel); } gbbFooterTotalContainer.append(gbbFooterTotalValueContainer); return gbbFooterTotalContainer; }; gbb.f.renderCartProductsFooterHTMLForMobile = function ( noteAttribute, gbbProductsFooterHTML, gbbPageFooterHTML, updateFooterFlow ) { const isMinimilisticLayout = gbb.$('.gbbMinimilisticLayout').length > 0; const isBoxSelectionEnabled = gbb.gbbBoxSelection.state?.isEnabled ?? false; let updateProductPriceBasedOnActiveDiscount = gbb.settings?.app?.updateProductPriceBasedOnActiveDiscount ?? false; let renderAddonsMessaging = gbb.gbbAddonProducts.f.checkIfAddonsMessagingNeeded(); let renderNewTemplateDesign = gbb.$('.gbbProductsCardLayoutV2').length > 0; let renderProductSlotsFooter = gbb.settings.stepsConfigurationData?.isProductSlotsEnabled && gbb.gbbAddProductsPage?.state?.isEveryConditionHaveTypeQuantity; const isPurchaseTypeSubscription = gbb.gbbSubscriptionProductsPage.f.checkIfPurchaseTypeIsSubscription(); gbbProductsFooterHTML.css('grid-template-columns', '1fr'); gbbProductsFooterHTML.addClass('gbbProductsFooterHTMLForMobile'); let _boxData = gbb.gbbBrowser.getRelevantBoxDataFromSessionStorage(); let products = _boxData?.items || []; if (isMinimilisticLayout && products.length > 0) { products = products.reverse(); } let gbbViewProductsLabelAndTotalContainer = gbb .$('

') .addClass('gbbViewProductsLabelAndTotalContainer'); const gbbFooterTotalContainer = gbb.f.renderFooterTotalContainer(); let gbbViewCartProductsLink = gbb .$('

') .addClass('gbbViewCartProductsLink'); gbbViewCartProductsLink.text( gbb?.settings?.languageData?.general?.viewCartProductsLabel?.value || 'View Selected Products' ); gbbViewCartProductsLink.append(' ').append(`(${_boxData.item_count})`); gbbViewCartProductsLink.on('click', () => { gbb.f.renderCartProductsModal(noteAttribute); }); gbbViewProductsLabelAndTotalContainer.append(gbbViewCartProductsLink); gbbViewProductsLabelAndTotalContainer.append(gbbFooterTotalContainer); let gbbFooterNextButton = gbb .$('

') .addClass('gbbFooterNextButton') .text('Add to Cart'); const gbbFooterButtonsWrapper = gbb.f.renderFooterButtons( noteAttribute, gbbFooterNextButton, renderNewTemplateDesign ); let gbbFooterButtonsContainer = gbb .$(`

`) .addClass('gbbFooterButtonsContainer'); const gbbFooterProductsContainer = gbb .$('

') .addClass('gbbFooterProductsContainer'); if (renderNewTemplateDesign) { if (products.length == 0 && !isBoxSelectionEnabled) { gbb.$('body').css('overflow-y', DEFAULT_BODY_OVERFLOW_VALUE); gbb.gbbAddProductsPage.state.showBoxProductsInFooter = false; } // reset drawer values products.forEach((product) => { const gbbFooterProductContainer = gbb .$('

') .addClass('gbbFooterProductContainer'); // gbb.utility.debugConsole("product:", product) //attach a data attriute to the product container gbbFooterProductContainer.attr('productId', product?.product_id); gbbFooterProductContainer.attr('variantId', product?.variant_id); gbbFooterProductContainer.attr( '_boxProduct', product?.properties['_boxProduct'] ); gbbFooterProductContainer.attr( '_Category', product?.properties['_Category'] ); let argsObj = { variantId: product.variant_id, productData: product, }; let uniqueGbbItemKey = gbb.utility.getUniqueIdForVariant(argsObj); gbbFooterProductContainer.attr('_uniqueGbbItemKey', uniqueGbbItemKey); const gbbFooterProductImageContainer = gbb .$('

') .addClass('gbbFooterProductImageContainer'); const gbbFooterProductImage = gbb .$('') .addClass('gbbFooterProductImage'); gbbFooterProductImage.attr('src', product.image); const gbbFooterProductTextContainer = gbb .$('

') .addClass('gbbFooterProductTextContainer'); const gbbFooterProductTitle = gbb .$('

') .addClass('gbbFooterProductTitle'); const gbbFooterProductQtyPriceContainer = gbb .$('

') .addClass('gbbFooterProductQtyPriceContainer'); const gbbFooterProductPrice = gbb .$('

') .addClass('gbbFooterProductPrice'); const gbbFooterProductQuantity = gbb .$('

') .addClass('gbbFooterProductQuantity'); //a button to remove the product from the cart const gbbFooterProductRemoveButton = gbb .$('

') .addClass('gbbFooterProductRemoveButton'); // x icon for the remove button const gbbFooterProductRemoveButtonIcon = gbb .$('

') .addClass('gbbFooterProductRemoveButtonIcon'); // gbbFooterProductRemoveButtonIcon.css("color", gbb.settings.pageCustomizationData?.generalSettings?.icon?.iconTextColor); // gbbFooterProductRemoveButton.css("background", gbb.settings.pageCustomizationData?.generalSettings?.icon?.iconBgColor) gbbFooterProductRemoveButtonIcon.append(CONSTANT_CLOSE_ICON_SVG); gbbFooterProductRemoveButton.append(gbbFooterProductRemoveButtonIcon); gbbFooterProductRemoveButton.on('click', () => gbb.utility.removeProductFromCartFooter(product, noteAttribute) ); let filteredProductForSubscription = gbb.gbbSubscriptionProductsPage.f.filterBlacklistedProductsForSubscription( [product] ); let isProductBlacklistedForSubscription = filteredProductForSubscription?.length == 0; gbbFooterProductTitle.text(product.title); let _productPrice = product.price; if (isPurchaseTypeSubscription && !isProductBlacklistedForSubscription) { _productPrice = gbb.gbbSubscriptionProductsPage.f.getSubscriptionPriceByVariantId( product?.variant_id ); } if ( updateProductPriceBasedOnActiveDiscount && !isProductBlacklistedForSubscription ) { _productPrice = gbb.gbbAddProductsPage.f.getVariantPriceBasedOnActiveDiscount( product.variant_id ); } gbbFooterProductPrice.text(gbb.utility.formatPrice(_productPrice)); gbbFooterProductQuantity.text('x' + product.quantity); gbbFooterProductImageContainer.append(gbbFooterProductImage); gbbFooterProductTextContainer.append(gbbFooterProductTitle); gbbFooterProductQtyPriceContainer.append(gbbFooterProductPrice); gbbFooterProductQtyPriceContainer.append(gbbFooterProductQuantity); gbbFooterProductTextContainer.append(gbbFooterProductQtyPriceContainer); let pageIdTheProductWasAddedFrom = product?.properties['_boxProduct']; // @ashfaq append commented if ( gbb.utility.checkIfRemoveButtonShouldBeAppended( product?.variant_id, pageIdTheProductWasAddedFrom ) ) { gbbFooterProductContainer.append(gbbFooterProductRemoveButton); } gbbFooterProductContainer.append(gbbFooterProductImageContainer); gbbFooterProductContainer.append(gbbFooterProductTextContainer); gbbFooterProductsContainer.append(gbbFooterProductContainer); }); let displayValue = gbb.gbbAddProductsPage.state.showBoxProductsInFooter ? 'grid' : 'none'; gbbFooterButtonsContainer.css( 'background', gbb.settings.pageCustomizationData?.cartFooter ?.cartFooterButtonsContainerBgColor || '#f6f6f6' ); gbbFooterButtonsContainer.append(gbbFooterButtonsWrapper); gbbFooterProductsContainer.css('display', displayValue); gbbProductsFooterHTML.append(gbbFooterProductsContainer); if (gbbPageFooterHTML.find('.gbbDiscountFooterHTML').length <= 0) { gbbPageFooterHTML.append( gbb.gbbAddProductsPage.f.renderShowBoxProductsInFooterHTML() ); } // if discount is not enable then will show selected products } else if (products.length > 0) { gbbProductsFooterHTML.append(gbbViewProductsLabelAndTotalContainer); } let footerButtonsContainerForMobile = renderNewTemplateDesign ? gbbFooterButtonsContainer : gbbFooterButtonsWrapper; if (isMinimilisticLayout) { const activeBoxRule = gbb.gbbBoxSelection.state.activeRule; const gbbFooterProductsContainer = gbbProductsFooterHTML.find( '.gbbFooterProductsContainer' ); const bundleTotal = gbb.f.renderFooterTotalContainer({ showDiscountPill: true, }); // START: MODIFIED BLOCK // Requirement 4: Create a wrapper for the "Total:" text and the price/pill const gbbTotalContainer = gbb .$('

') .addClass('gbb-minimal-total-container'); const gbbTotalLabel = gbb .$('

') .addClass('gbb-minimal-total-label') .text('Total:'); gbbTotalContainer.append(gbbTotalLabel, bundleTotal); const buttonsContainer = gbb.f.renderFooterButtons(noteAttribute); // Requirement 7: Add conditional classes to the button for styling const nextButtonRef = buttonsContainer.find('.gbbFooterNextButton'); const requiredCount = activeBoxRule?.boxQuantity || 0; const currentCount = _boxData?.item_count || 0; nextButtonRef.text = 'Add to Cart'; if (currentCount >= requiredCount && requiredCount > 0) { nextButtonRef.addClass('gbb-bundle-complete'); } else { nextButtonRef.addClass('gbb-bundle-incomplete'); } // END: MODIFIED BLOCK gbbFooterProductsContainer?.empty(); gbbFooterProductsContainer .removeClass('gbbFooterProductsContainer') .addClass('gbbFooterBundleItemsContainer'); gbbFooterProductsContainer?.append(gbb.f.prepareBundleInfoContainerHTML()); if ( isBoxSelectionEnabled && gbb.state.currentPageId != 'personalizationPage' ) { gbb.gbbAddProductsPage.state.totalProductSlotsRequired = activeBoxRule?.boxQuantity || 0; const prepareBoxSelectionHTML = gbb.gbbBoxSelection.f.prepareBoxSelectionHTML(); gbb .$('.gbbBoxSelectionWrapper.gbbBoxSelectionForMobile') .replaceWith(prepareBoxSelectionHTML); // replace header box selection gbbFooterProductsContainer?.append(prepareBoxSelectionHTML); } if (renderProductSlotsFooter) { let gbbSlotFooterProductsContainer = gbb.f.renderProductSlotsFooterHTML(noteAttribute); gbbSlotFooterProductsContainer .find('.gbbSlotFooterProductsContainer') .css('max-width', `${window.innerWidth - 25}px`); gbbFooterProductsContainer?.append(gbbSlotFooterProductsContainer); } else { const productsContainer = gbb.f.prepareMinimilisticFooterProductsCard( products, noteAttribute ); let noOfEmptyCards = (activeBoxRule?.boxQuantity || 3) - (_boxData?.item_count || 0); // Ensure noOfEmptyCards is at least 0 const emptyCardCount = Math.max(0, noOfEmptyCards); new Array(emptyCardCount).fill(0).forEach(() => { const emptyProductCard = gbb.f.prepareEmptyProductCards(); productsContainer.append(emptyProductCard); }); gbbFooterProductsContainer?.append(productsContainer); } if ( gbb.gbbAddonProducts.state.isEnabled && gbb.gbbAddonProducts.state.type == 'MULTI_TIER' ) { if (gbb.state.currentPageId == 'personalizationPage') { gbbProductsFooterHTML.find('.gbbDiscountFooterHTML').remove(); } else { gbbProductsFooterHTML.addClass('gbbAddonsMultiTierFooter'); gbbFooterProductsContainer.append( gbb.gbbAddonProducts.f.prepareAddonsTierMessagingUI() ); } } if (gbb.gbbSubscriptionWidget.state.isEnabled) { gbbFooterProductsContainer.append( gbb.gbbSubscriptionWidget.f.prepareSubscriptionWidgetUI() ); } buttonsContainer.find('.gbbFooterBackButton')?.html(BACK_ARROW_SVG); footerButtonsContainerForMobile.empty(); footerButtonsContainerForMobile.css('background', ''); footerButtonsContainerForMobile .removeClass() .addClass('gbbFooterActionContainer'); // START: MODIFIED APPEND // Requirement 2: Add divider line const gbbFooterDivider = gbb.$('

').addClass('gbb-footer-divider'); // Append elements in the new order footerButtonsContainerForMobile.append( gbbFooterDivider, // Req 2 gbbTotalContainer, // Req 4 buttonsContainer // Req 7 ); // END: MODIFIED APPEND } if (!isMinimilisticLayout && renderProductSlotsFooter) { // V2 we decided to move slots inside cart drawer let gbbSlotFooterProductsContainer = gbb.f.renderProductSlotsFooterHTML(noteAttribute); let isDrawerOpen = gbb.gbbAddProductsPage?.state?.showBoxProductsInFooter || false; const productsContainerClass = isMinimilisticLayout ? 'gbbFooterBundleItemsContainer' : 'gbbFooterProductsContainer'; const buttonContainerClass = isMinimilisticLayout ? '.gbbFooterActionContainer' : '.gbbFooterButtonsWrapper'; if (isDrawerOpen) { gbbSlotFooterProductsContainer.css('display', 'none'); } if ( updateFooterFlow == 'updateFooterWithoutAppending' && gbb.$('.gbbSlotFooterProductsContainerWrapper').length > 0 ) { if ( !isDrawerOpen && products?.length == 0 && !gbb.$('.gbbSlotFooterProductsContainer').is(':visible') ) { gbb.$('.gbbSlotFooterProductsContainerWrapper').slideDown(100); } let productsContainer = gbbSlotFooterProductsContainer.find( '.gbbSlotFooterProductContainer' ); gbb.$('.gbbSlotFooterProductsContainer').html(productsContainer); gbb .$(`.${productsContainerClass}`) .replaceWith(gbbFooterProductsContainer); gbb.gbbAddProductsPage.f.autoScrollSlots(); if (isMinimilisticLayout) { gbb .$(buttonContainerClass) .replaceWith(footerButtonsContainerForMobile); } else { gbb.$(buttonContainerClass).replaceWith(gbbFooterButtonsWrapper); } gbb .$('.gbbCartIconWithQuantityContainer') .html(gbb.gbbAddProductsPage.f.renderCartIconWithQuantityHTML()); let gbbPageFooterHTML = gbb.$('.gbbPageFooterHTML'); if ( renderAddonsMessaging || (gbb.settings?.discountsData?.isDiscountEnabled && gbb.settings?.discountsData?.isShowDiscountsEnabled && gbb.settings?.discountsData?.rules?.length > 0) ) { let discountFooterHTML = gbb.gbbDiscountComponent.f.discountStatusFooterHTML(); discountFooterHTML .find('.gbbDiscountMessageContainer') .on('click', gbb.gbbAddProductsPage.f.toggleBoxProductsDisplayFooter); gbb.$('.gbbDiscountFooterHTML').html(discountFooterHTML); } // gbbPageFooterHTML.find(".gbbDiscountMessageContainer").on("click", gbb.gbbAddProductsPage.f.toggleBoxProductsDisplayFooter) return gbbPageFooterHTML; } else { gbbProductsFooterHTML.append(gbbSlotFooterProductsContainer); } } const dynamicFooterContent = gbb.$('

', { class: 'gbbDynamicFooterContent', }); dynamicFooterContent.html(eval(gbb.settings.app.dynamicFooterHTMLContent)); if (gbb.settings.app.dynamicFooterHTMLContent) { gbbProductsFooterHTML.append(dynamicFooterContent); } gbbProductsFooterHTML.append(footerButtonsContainerForMobile); gbbPageFooterHTML.append(gbbProductsFooterHTML); if (renderNewTemplateDesign) { let gbbCartIconWithQuantityContainer = gbb.gbbAddProductsPage.f.renderCartIconWithQuantityHTML(); gbbCartIconWithQuantityContainer.click( gbb.gbbAddProductsPage.f.toggleBoxProductsDisplayFooter ); gbbPageFooterHTML.append(gbbCartIconWithQuantityContainer); gbbPageFooterHTML .find('.gbbDiscountMessageContainer') .on('click', gbb.gbbAddProductsPage.f.toggleBoxProductsDisplayFooter); } if (false && gbb.utility.checkIfBrandingShouldBeVisible()) { gbbPageFooterHTML.append(gbb.utility.renderPoweredByLabel()); } return gbbPageFooterHTML; }; const observer = new MutationObserver(() => { const nextButton = document.querySelector('.gbbFooterNextButton'); if (nextButton && nextButton.textContent.trim() === 'Next') { nextButton.textContent = 'Add to Cart'; } }); observer.observe(document.body, { childList: true, subtree: true }); gbb.f.renderSideFooterHTML = function (noteAttribute) { try { const activeBoxRule = gbb.gbbBoxSelection.state.activeRule || null; const footerHTML = gbb.$('

', { class: 'gbbPageFooterHTML gbbSideFooterHTML', }); const gbbFooterActionContainer = gbb.$('

', { class: 'gbbFooterActionContainer', }); const cartData = gbb.gbbBrowser.getRelevantBoxDataFromSessionStorage() || {}; const renderAddonsMessaging = gbb.gbbAddonProducts.f.checkIfAddonsMessagingNeeded(); const renderDiscountMessaging = renderAddonsMessaging || (gbb.settings?.discountsData?.isDiscountEnabled && gbb.settings?.discountsData?.isShowDiscountsEnabled && gbb.settings?.discountsData?.rules?.length > 0); const isBoxSelectionEnabled = gbb.gbbBoxSelection.state.isEnabled; const isEveryConditionHaveTypeQuantity = gbb.gbbAddProductsPage?.state?.isEveryConditionHaveTypeQuantity; const renderProductSlotsUI = gbb.settings.stepsConfigurationData?.isProductSlotsEnabled && (isBoxSelectionEnabled || isEveryConditionHaveTypeQuantity); // this will render product slots only if box selection is enabled or every condition has type quantity const bundleInfoContainer = gbb.f.prepareBundleInfoContainerHTML(); // preparing bundle summary {title, subTitle, clear cart button} for side footer const discountMessagingContainer = renderDiscountMessaging && gbb.gbbDiscountComponent.f.discountStatusFooterHTML(); // prepare discount messaging container const bundleItemsContainer = gbb.$('

', { class: 'gbbFooterBundleItemsContainer', }); const totalItemsInCart = gbb.$('

', { class: 'gbbFooterTotalItemsInCart', }); if (cartData?.items?.length > 0) { cartData.items = cartData.items.reverse(); } const noOfItemsInCartLabel = gbb.utility.renderLanguageValue( gbb.settings?.languageData?.general?.itemsInCartLabel ) || 'item(s)1'; totalItemsInCart.text( `${cartData?.item_count || 0} ${noOfItemsInCartLabel}` ); let productsContainer = gbb.f.prepareMinimilisticFooterProductsCard( cartData?.items || [], noteAttribute ); // product cards if (!renderProductSlotsUI) { // for slots we do render empty slots based on conditions so skipping that here let noOfEmptyCards = activeBoxRule?.boxQuantity || 3; noOfEmptyCards = noOfEmptyCards - (cartData?.item_count || 0); // calculating the number of empty cards we need to render in footer if (noOfEmptyCards > 0) { new Array(noOfEmptyCards).fill(0).forEach(() => { const emptyProductCard = gbb.f.prepareEmptyProductCards(); productsContainer.append(emptyProductCard); }); } } if (renderProductSlotsUI) { let includeDefaultProductsInSlotCount = true; // this will counted in rendering slots - for eg : 4 slots according to the conditions and we have 2 default products so we will render 4 + 2 = 6 slots if (isBoxSelectionEnabled) { gbb.gbbAddProductsPage.state.totalProductSlotsRequired = activeBoxRule?.boxQuantity || 0; includeDefaultProductsInSlotCount = false; // for now we are not rendering additional slots for default products coz we are considering them in box selection } productsContainer = gbb.f.renderProductSlotsFooterHTML( noteAttribute, includeDefaultProductsInSlotCount ); } bundleItemsContainer.append(totalItemsInCart, productsContainer); const bundleTotal = gbb.f.renderFooterTotalContainer({ showDiscountPill: true, }); //showDiscountPill will render bundle discount pill in total's container const buttonsContainer = gbb.f.renderFooterButtons(noteAttribute); buttonsContainer.find('.gbbFooterBackButton')?.html(BACK_ARROW_SVG); const nextButtonRef = buttonsContainer.find('.gbbFooterNextButton'); const nextButtonText = gbb.f.getFooterNextButtonTextBasedOnStep(nextButtonRef); nextButtonRef.text(nextButtonText); gbbFooterActionContainer.append(bundleTotal, buttonsContainer); const dynamicFooterContent = gbb.$('

', { class: 'gbbDynamicFooterContent', }); dynamicFooterContent.html(eval(gbb.settings.app.dynamicFooterHTMLContent)); footerHTML.append(bundleInfoContainer); if ( gbb.gbbBoxSelection.state.isEnabled && gbb.state.currentPageId != 'personalizationPage' ) { const prepareBoxSelectionHTML = gbb.gbbBoxSelection.f.prepareBoxSelectionHTML(); footerHTML.append(prepareBoxSelectionHTML); } footerHTML.append(discountMessagingContainer, bundleItemsContainer); if ( gbb.gbbAddonProducts.state.isEnabled && gbb.gbbAddonProducts.state.type == 'MULTI_TIER' ) { if (gbb.state.currentPageId == 'personalizationPage') { footerHTML.find('.gbbDiscountFooterHTML').remove(); } else { footerHTML.addClass('gbbAddonsMultiTierFooter'); footerHTML.append( gbb.gbbAddonProducts.f.prepareAddonsTierMessagingUI() ); } } if (gbb.settings.app.dynamicFooterHTMLContent) { footerHTML.append(dynamicFooterContent); } if (gbb.gbbSubscriptionWidget.state.isEnabled) { footerHTML.append( gbb.gbbSubscriptionWidget.f.prepareSubscriptionWidgetUI() ); } footerHTML.append(gbbFooterActionContainer); return footerHTML; } catch (error) { gbb.utility.debugError('error in renderSideFooterHTML:', error); } };

Let's make your gray hair glorious.

Filter and sort

Filter

Mango Breeze Shampoo & Conditioner Bundle

Mango Breeze Shampoo & Conditioner Bundle

Looking to grow thicker gray hair?

Subscribe to our emails