Details${externalIcon}

`; gfbFrequentBoughtWidgetProductPriceContainer.appendChild(DetailsContainer); return gfbFrequentBoughtWidgetProductPriceContainer; } catch (error) { gfb.utility.debugConsole(error); } } /* added a function to enable users to select out of stock options - 19 June 2025 */ gfb.gfbFrequentBought.f.gfbFindNewVariantForSelectedOption = function (event, selectedOptionName, offerId, productHandle) { try { debugger; // Get product data and offer configuration let productsData = gfb.gfbFrequentBought.state.frequentBoughtDataByOfferId[offerId].selectedProducts; let currentOffer = gfb.gfbFrequentBought.state.frequentBoughtDataByOfferId[offerId]; let isComparedPriceVisible = currentOffer?.advancedConfiguration?.isComparedPriceVisible; // Find the specific product data by handle let productData = productsData.filter(prod => prod.handle == productHandle)[0]; // Get current state for this product let selectedProduct = productData; let productVarientsArr = selectedProduct.variants; let currentSelectedOptions = gfb.gfbFrequentBought.state.currentSelectedOptions[offerId][productHandle]; let currentSelectedVariantData = gfb.gfbFrequentBought.state.currentSelectedVariants[offerId][productHandle]; let currentSelectedOptionTitle = currentSelectedOptions.values.join("/"); let newSelectedVariant = {}; let newSelectedVariantOptions = {}; let selectedVariantExist = false; let isSelectedValue = currentSelectedVariantData?.isSelected || false; // Try to find matching variant with current options for (let i = 0; i < productVarientsArr.length; i++) { let currentVariant = productVarientsArr[i]; let optionsTitle = currentVariant.options.join("/"); if (optionsTitle == currentSelectedOptionTitle) { selectedVariantExist = true; // Calculate adjusted prices based on quantity let originalQuantity = parseInt(selectedProduct.quantity || 1); let currentSelectedVariantQty = parseInt(currentSelectedVariantData?.quantity || selectedProduct.quantity); let originalPrice = parseFloat(currentVariant.totalVariantPrice); let adjustedVariantPrice = originalPrice * (currentSelectedVariantQty / originalQuantity); let strikeThroughPrice = parseFloat(currentVariant.strikeThroughPrice); let adjustedStrikeThroughPrice = strikeThroughPrice * (currentSelectedVariantQty / originalQuantity); // Determine if variant should be selected based on display type // let isSelectedValue = isHorizontal ? // (currentSelectedVariantData?.isSelected || false) : true; // Create new variant object with calculated values newSelectedVariant = { id: currentVariant.id, image: currentVariant.image, isSelected: isSelectedValue, originalPrice: adjustedVariantPrice, quantity: currentSelectedVariantQty, selectedIndex: i, strikeThroughPrice: isComparedPriceVisible ? adjustedStrikeThroughPrice : adjustedVariantPrice, customField: currentSelectedVariantData?.customField || "", customFieldOptions: { isAllowed: selectedProduct?.customFieldOptions?.isAllowed || false, isMandatory: selectedProduct?.customFieldOptions?.isMandatory || false, } }; break; } } // If no matching variant found, find first available variant with selected option if (!selectedVariantExist) { for (let i = 0; i < productVarientsArr.length; i++) { let currentVariant = productVarientsArr[i]; let productVariantOptions = currentVariant.options; for (let currentOption of productVariantOptions) { if (currentOption == selectedOptionName) { // Create new variant options and variant objects newSelectedVariantOptions = { values: productVariantOptions, }; // new selected variant object newSelectedVariant = { id: currentVariant.id, image: currentVariant.image, isSelected: isSelectedValue, originalPrice: currentVariant.totalVariantPrice, quantity: selectedProduct.quantity, selectedIndex: i, strikeThroughPrice: isComparedPriceVisible ? currentVariant.strikeThroughPrice : currentVariant.totalVariantPrice, customField: "", customFieldOptions: { isAllowed: selectedProduct?.customFieldOptions?.isAllowed || false, isMandatory: selectedProduct?.customFieldOptions?.isMandatory || false, } }; break; } } } // Update state with new variant and options gfb.gfbFrequentBought.state.currentSelectedVariants[offerId][productHandle] = newSelectedVariant; gfb.gfbFrequentBought.state.currentSelectedOptions[offerId][productHandle] = newSelectedVariantOptions; } else { // Update state with new variant only gfb.gfbFrequentBought.state.currentSelectedVariants[offerId][productHandle] = newSelectedVariant; } // Determine display type and update UI accordingly let horizontalDisplayDesign = false; let selectedTemplateDesignId = currentOffer?.selectedTemplateDesignId; if(selectedTemplateDesignId == "BUNDLE_UPSELL_HORIZONTAL_DESIGN" || selectedTemplateDesignId == "CUSTOM_BUNDLE_HORIZONTAL_DESIGN") { horizontalDisplayDesign = true; gfb.gfbFrequentBought.state.horizontalDisplayDesign = true; } const offerData = gfb.gfbFrequentBought.state.frequentBoughtDataByOfferId[offerId]; // Handle different template designs switch (offerData.templateDesign) { case "TEMPLATE_1": gfb.gfbFrequentBought.f.updateBundleUpsellUI_Template1 && gfb.gfbFrequentBought.f.updateBundleUpsellUI_Template1({event, offerId, productData}); gfb.gfbFrequentBought.f.updateBundleUpsellUI && gfb.gfbFrequentBought.f.updateBundleUpsellUI({event, offerId, productData}); return; case "TEMPLATE_2": gfb.gfbFrequentBought.f.updateBundleUpsellUI_Template2 && gfb.gfbFrequentBought.f.updateBundleUpsellUI_Template2({event, offerId, productData}); gfb.gfbFrequentBought.f.updateBundleUpsellUI && gfb.gfbFrequentBought.f.updateBundleUpsellUI({event, offerId, productData}); return; } // Handle horizontal vs vertical display designs gfb.gfbFrequentBought.f.updateFrequentBoughtUI_Vertical && gfb.gfbFrequentBought.f.updateFrequentBoughtUI_Vertical({event, offerId, productData}); gfb.gfbFrequentBought.f.updateFrequentBoughtUI && gfb.gfbFrequentBought.f.updateFrequentBoughtUI({event, offerId, productData}); } catch (error) { gfb.utility.debugConsole("error in gfbFindNewVariantForSelectedOption ", error); } } gfb.utility.checkProductsOptionsIsAvailableWithVariantsCombinations = function(args){ try{ const { slicedOptionArr, variantsDataByOptions } = args; const variantsDataByOptionsKeyArray = Object.keys(variantsDataByOptions); let isAvailable = false; for(const key of variantsDataByOptionsKeyArray){ let keyParts = variantsDataByOptions[key].options.map(option => option.trim()); keyParts = keyParts.slice(0, slicedOptionArr.length); const isMatch = keyParts.every((part, i) => part === slicedOptionArr[i]); if(isMatch) { isAvailable = variantsDataByOptions?.[key]?.available ?? false; break; } } return isAvailable; }catch(err){ gfb.utility.debugConsole("error in checkProductsOptionsIsAvailableWithVariantsCombinations => ", err); } }

Contact information

Select the country of delivery

Size Guide