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

No products found Use fewer filters or remove all

Looking to grow thicker gray hair?

Subscribe to our emails

No products found
Use fewer filters or remove all