Nachhaltige Sandalen | ALOHAS (2024)

`);const removePage1FromUrl = () => { const currentUrlObj = new URL(window.location.href); const currentPage = currentUrlObj.searchParams.get("page"); if (currentPage == 1) { currentUrlObj.searchParams.delete("page"); const updatedUrl = currentUrlObj.href; window.history.replaceState(null, null, updatedUrl); }}; function unbxdSearchFnc (productType) { var priceFacetParams = new Promise(function (resolve, reject) { // Fetch the JSON file using JavaScript fetch(priceMappingJsonFileUrl) .then(response => response.json()) .then(data => { // Access the data using the key let key = currentPriceField; priceFacetQueryParam = data[key]; resolve(priceFacetQueryParam); }) .catch(error => reject("Error fetching JSON") ); }); // Wait for the second AJAX call's Promise to resolve priceFacetParams .then(function (priceFacetQueryParam) { let requestObj = { siteKey: UnbxdSiteName, apiKey: UnbxdApiKey, hashMode: false, updateUrls: true, searchBoxEl: document.querySelector("input#unbxdInput"), searchTrigger: "click", searchButtonEl: document.querySelector("#searchsubmit"), unbxdAnalytics: true, url: { seoFriendlyUrl: true, facetsParam: { addToUrl: true, algo: "DEFAULT", }, browseQueryParam: { addToUrl: false, }, pageNoParam: { addToUrl: true, usePageNo: true, keyReplacer: "page", }, pageSizeParam: { addToUrl: false, }, }, breadcrumb:{ enabled:false, }, sort: { enabled: true, el: document.getElementById("sortWrapperDesktop"), options: [ { value: "", text: "Empfohlen" }, { value: "price desc", text: "Höchster Preis" }, { value: "price asc", text: "Niedrigster Preis" }, { value: "createdAt desc", text: "Neu" } ], action: "click", template: function (selectedSort, sortConfig) { let optionsUI = ""; const { options, sortClass, selectedSortClass } = sortConfig; const { UNX_unbxdSorter } = this.testIds; options.forEach((item) => { const { value, text } = item; let activeSortClass = ""; if (value == selectedSort) { activeSortClass = "UNX-active-sort"; optionsUI += `${text}`; } else { optionsUI += `${text}`; } sortVisibleLi += `

${text}

`; }); return [ ``, ].join(""); } }, onEvent: function (instance, event) { var getUidCookie = document.cookie.match("\\bunbxd.userId=([^;]*)\\b"); var uidCookie = uidCookie = getUidCookie ? getUidCookie[1] : null; if (event == "AFTER_RENDER") { removePage1FromUrl(); /* No Result Page RECS */ var unbxdNoProductRECS = document.querySelector('#unbxd_no_product_recs'); if(unbxdNoProductRECS) { var unbxdRecs = unbxdRecsFnc('HOME', null, null, null, 'unbxd_no_product_recs', uidCookie); } /* necessary to open product quick view DO NOT REMOVE */ if(typeof addProductInstances != 'undefined') { let productItems = getProductItems(); if(productItems.length > 0 ) { addProductInstances(productItems); } } /* append sorting design */ const sortContainerHTML = ` `; document.querySelector(".UNX-facets-results-block").insertAdjacentHTML("beforeend", sortContainerHTML); sortVisibleLi = ""; checkProductInWishlistOrAddIt() } if(event == "BEFORE_API_CALL") { instance.state.currentApiUrl += "&"+ priceFacetQueryParam + `&uid=${uidCookie}`; } }, spellCheck: { enabled:false, }, pagesize: { enabled: true, pageSize: 28, options: [28], el: document.querySelector(".UNX-empty-div"), }, variants: { enabled: true, relevant: true, attributes: ["variantId"], }, facet: { facetsEl: document.getElementById("UNX-facet-wrapper"), selectedFacetsEl: document.getElementById("selectedFacetWrapper"), selectedFacetClass: "UNX-selected-facet-btn", facetMultilevel: true, facetMultilevelName: "category", multiLevelFacetSelectorClass: "UNX-multilevel-facet", facetTemplate: function(facetInfo, facets){ var name = facetInfo.displayName; var filterField = facetInfo.filterField; var isSelected = facetInfo.isSelected; var facetType = facetInfo.facetType; var facetName = facetInfo.facetName; var sizeFilterClass = ""; if(facetName == "v_Size_uFilter"){ sizeFilterClass = "size _flex _flex-wrap"; const sortedValueArray = ["XS", "XS/S", "S", "M","M/L", "L", "XL", "XXL", "XXXL"]; const sortLiElements = (stringLiElements) => { const sortedLiElements = stringLiElements.sort((a, b) => { let textA = a.dataset.searchFacetValue.trim().replace(/"/g, ''); let textB = b.dataset.searchFacetValue.trim().replace(/"/g, ''); let indexA = sortedValueArray.indexOf(textA); let indexB = sortedValueArray.indexOf(textB); // If both values are present in sortedValueArray, sort based on their indexes if (indexA !== -1 && indexB !== -1) { return indexA - indexB; } // If only one of the values is present in sortedValueArray, prioritize it if (indexA !== -1) { return -1; } if (indexB !== -1) { return 1; } // If neither of the values is present in sortedValueArray, compare them as numbers or fractions const numericA = parseFloat(textA); const numericB = parseFloat(textB); return numericA - numericB; }); return sortedLiElements; }; const sortShoesLiElements = (intLiElements) => { const sortedShoesLiElements = intLiElements.sort((a, b) => { let textA = a.dataset.searchFacetValue.trim().replace(/"/g, ''); let textB = b.dataset.searchFacetValue.trim().replace(/"/g, ''); return textA - textB; }); return sortedShoesLiElements; }; // Helper function to convert HTML string to DOM elements const parseHtmlStringToElements = (htmlString) => { const parser = new DOMParser(); const doc = parser.parseFromString(htmlString, "text/html"); return Array.from(doc.body.children); }; var liArray = parseHtmlStringToElements(facets); var stringsArray = []; var integersArray = []; liArray.forEach(element => { var getFacetClass = element.querySelector('.UNX-facet-list'); var sortValue = getFacetClass.innerText; if (!isNaN(sortValue)) { integersArray.push(element); } else if (isNaN(sortValue)) { stringsArray.push(element); } }); var shoesHeadingEl = ""; var headingEl = ""; if(integersArray.length > 0){ var shoesHeading = `Schuhe` || ""; shoesHeadingEl = document.createElement("p"); shoesHeadingEl.classList.add('size-filter-heading'); shoesHeadingEl.innerText = shoesHeading; } if(stringsArray.length > 0){ var clothingHeading = `Kleidung` || ""; headingEl = document.createElement("p"); headingEl.classList.add('size-filter-heading'); headingEl.innerText = clothingHeading; } if (liArray.length > 0) { const sortedLiElements = sortLiElements(stringsArray); const sortedShoesLiElements = sortShoesLiElements(integersArray); var sortedSizes = [headingEl,...sortedLiElements, shoesHeadingEl,...sortedShoesLiElements]; const sortedLiHtml = sortedSizes.map(li => li.outerHTML).join(''); facets = `${sortedLiHtml}`; } else { facets = ``; } } var isActive = ""; var facetToggle = "d-none"; if(facetName == lastSelectedFacet){ isActive = "is-active"; facetToggle = "d-block"; }else if(facetType == "range") { isActive = "is-active"; facetToggle = "d-block"; rangeDisplayName = facetInfo.displayName; } var tempContainer = document.createElement('div'); tempContainer.innerHTML = facets; // Find all elements with the class "UNX-selected-facet-btn" within the temporary container var elements = tempContainer.getElementsByClassName('UNX-selected-facet-btn'); // Get the count of elements var count = elements.length; var facetSelectCount = ""; if(count > 0){ facetSelectCount = `+${count}`; } var onlyForCountryWisePrice = ""; if(facetType == 'range'){ if(facetName == "price") rangeDisplayName = facetInfo.displayName; if(facetName != "price") onlyForCountryWisePrice = "custom-price-range-facet" } var facetValueSRP = `

${name}${facetSelectCount}

${facets}

`; if(facetName == 'price') { facetValueSRP = ""; } return[`

${facetValueSRP}

`].join(''); }, onFacetLoad: function(facets) { const self = this; const { facet } = this.options; const { rangeWidgetConfig } = facet; const createRangeValues = function(prefix, x, y) { const start = `${x}`; const end = `${y}`; return ` `; } facets.forEach(facetItem => { const { facetType, facetName, gap } = facetItem; const { prefix } = rangeWidgetConfig; if (facetType === "range") { const rangeId = `${facetName}_slider`; const sliderElem = document.getElementById(rangeId); const valueEl = document.getElementById(`${rangeId}_value`); if(facetName != "price") $(".custom-price-range-facet span").text(rangeDisplayName); let { end, gap, max, min, start } = facetItem; if(sliderElem != null) { const selectedValues = sliderElem.dataset; if (selectedValues) { start = Number(selectedValues.x), end = Number(selectedValues.y) } this[rangeId] = noUiSlider.create(sliderElem, { start: [start, end], connect: true, range: { 'min': 0, 'max': max }, format: { to: function(value) { return Math.round(value); }, from: function(value) { return Math.round(value); } }, padding: 0, margin: 0, }); this[rangeId].on("set", function(data) { const newData = { start: data[0], end: data[1], facetName, gap }; self.setRangeSlider(newData); }); this[rangeId].on('slide', function(data) { valueEl.innerHTML = createRangeValues(prefix, data[0], data[1]) }); } } }); const productsMobileDiv = document.querySelector("#productViewTypeContainerMobile"); if(productsMobileDiv != null && !productsMobileDiv.hasChildNodes()) { const productsDesktop = document.querySelector("#productViewTypeContainer > div"); const productsDesktopClone = productsDesktop.cloneNode(true) productsMobileDiv.insertAdjacentElement("afterbegin", productsDesktopClone); productsDesktopClone.addEventListener("click", () => { document.querySelector("#productViewTypeContainer .UNX-btn-icon.active").click(); var params = new window.URLSearchParams(window.location.search); var viewType = params.get("viewType"); if(viewType == 'LIST') { $('#four-layout').removeClass('active'); $('#mixed-layout').addClass('active'); }else{ $('#mixed-layout').removeClass('active'); $('#four-layout').addClass('active'); } }); } }, rangeTemplate: function(range, selectedRange, facet) { const { facetName, start, end, gap } = range; let min = 0; let max = end; const { rangeWidgetConfig } = facet; const { prefix } = rangeWidgetConfig; if (selectedRange.length > 0) { const sel = selectedRange[0].replace(/[^\w\s]/gi, '').split(" TO "); min = sel[0]; max = sel[1]; } const createRangeValues = function(prefix, x, y) { const start = `${x}`; const end = `${y}`; return ` `; } const rangId = `${facetName}_slider`; return [``].join('') }, facetItemTemplate : function(facet, value, facetSearchTxt){ const { facetName, isSelected, multiLevelFacetSelectorClass, displayName } = facet; const { name, count, dataId } = value; let { facetClass, selectedFacetClass } = this.options.facet; const { UNX_uFilter } = this.testIds; let swatchBtn = ''; let WhiteColorBorder = ''; let sidebarItemSwatch = ''; let addSwatchColor = ''; let styleList = "margin-top: -19px;"; if(facetName == 'meta_color_family_uFilter'){ if(name == 'whites'){ WhiteColorBorder = 'border:1px solid rgb(187, 187, 187)'; } swatchBtn = ``; sidebarItemSwatch = 'sidebar__item--swatch'; styleList = "margin-left:30px; min-width: 150px; margin-top: -19px;"; addSwatchColor = ``; } let sizeFilter = ""; let sizeFilterLabel = ""; let UnxSizeCss = ""; if(facetName == 'v_Size_uFilter'){ sizeFilter = "size--filter"; sizeFilterLabel = "size-filter-label"; styleList = ""; UnxSizeCss = "width:0px !important;" } let action = "changeFacet"; let selectedFacet = 'disable'; let selectSvg = ""; let selectFacetSvg = ""; let sidebarItemActive = ""; let linkSideBar = "link--add"; let selectedSvg = ""; if(isSelected) { selectedFacet = 'checked'; facetClass += ` ${selectedFacetClass} ` action = "deleteFacetValue"; selectSvg = "unx-select-icon"; sidebarItemActive = 'sidebar__item--active'; linkSideBar = 'link--remove'; selectFacetSvg = ``; selectedSvg = ``; } return[`

${name}

${selectedSvg}

` ].join(''); }, selectedFacetTemplate: function(selections, facet, selectedFacetsConfig) { const { clearAllText, clearFacetsSelectorClass } = facet; const selectedFClass = (this.selectedFacetClass) ? this.selectedFacetClass : selectedFacetsConfig.selectedFacetClass; if(selections.length > 0) { return [``, `Filter entfernen`, ``, ``, ].join(''); } else { return ``; } }, }, banner: { enabled: true, el: document.getElementById("UNX-banner-block"), count: 1, template: function(t2, e2) { var a2 = e2.openNewTab, n2 = t2.map(function(t3) { var e3 = t3.imageUrl, n3 = t3.landingUrl, r2 = t3.bannerHtml; var responseHTML = $.parseHTML(r2)[0]; var firstDiv = $(responseHTML).attr('data-position'); var element = new Promise((resolve) => { var eleId = ''; if (firstDiv && firstDiv.length > 0 && firstDiv == 'top') { var unbxdBanner = document.querySelector("#UNX-top-banner"); } else { // returns banner div eleId = "#UNX-banner"; var unbxdBanner = document.querySelector(eleId); } unbxdBannerElement = eleId; resolve(unbxdBanner); }); element.then(function(res) { unbxdContent = r2; if (res.childElementCount == 0) { res.insertAdjacentHTML("beforeend", r2); } if (r2) return r2; }) .catch(function(error) { console.log(error); }); }).join(""); return "".concat(n2) }, }, products: { productType: productType, el: document.getElementById("CollectionLoop"), attributesMap: { "unxTitle": "title", "unxImageUrl": "imageUrl", "unxPrice": "price", "unxProductUrl": "productUrl", "unxId":"uniqueId", }, "productAttributes": [ "title", "images", "productUrl", "uniqueId", "status", "handle", "meta_color_info" , "productType", "tag_style", "productType_es", "availableForSaleOfVariants", "productType_fr", "productType_de", "productType_it", "price", "compareAtPrice", "price_"+activeCountrySRP+"_unx_d", "compareAtPrice_"+activeCountrySRP+"_unx_d", "meta_availability", "tag_status", "tag_merch", "tag_web", "tag_opportunity", "tag_last20days", "tag_last5days" ], template: function(product, idx, swatchUI, productViewType, products) { var comparePrice = ""; var unxTitle = product.title || ''; var uniqueId = product.uniqueId || ''; var productHandle = product.handle || ''; var variantId = (product.variants) ? product.variants[0].variantId : ""; var unxProductUrl = product.productUrl || ''; var getProductUrl = getUrlPrefix(); var productUrlLang = getProductUrl + unxProductUrl; var defaultImage = "https://g2n448mcb3in36fa-56324882627.shopifypreview.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_1080x.gif"; var priceKey = "price_"+activeCountrySRP+"_unx_d"; var comparePriceKey = "compareAtPrice_"+activeCountrySRP+"_unx_d"; var unxPriceValue = product[priceKey] || product.price; var unxPrice = Number(unxPriceValue); var strikePriceValue = product[comparePriceKey] || product.compareAtPrice; var strikePrice = Number(strikePriceValue); var labelStatus = (product.tag_status) ? product.tag_status : []; var imageArray = product.images || []; var metaColorInfo = product.meta_color_info != undefined && product.meta_color_info[0] != undefined ? product.meta_color_info[0] : ""; var metafieldAvailability = (product.meta_availability) ? product.meta_availability[0] : []; var tagStatus = (product.tag_status) ? product.tag_status : []; var tagLast5Days = (product.tag_last5days) ? product.tag_last5days : []; var tagLast20Days = (product.tag_last20days) ? product.tag_last20days : []; var tagMerch = (product.tag_merch) ? product.tag_merch : []; var tagOpportunity = (product.tag_opportunity) ? product.tag_opportunity : []; var tagWeb = (product.tag_web) ? product.tag_web : []; var tagStyle = product.tag_style || ''; var unxProductType = product[`productType${setUnxValue}`] || ''; var availability = product.availableForSaleOfVariants; var getJSONColor = ""; var getColor = ""; var colorSwatch =""; var colorCount = 0; var discountPrcieHtml = ""; if(availability == 'true' && strikePrice > 0 && unxPrice > 0 && strikePrice != unxPrice && strikePrice > unxPrice){ var discountPercentage = ((strikePrice - unxPrice) / strikePrice) * 100; var discountToDisplay = Math.round(discountPercentage / 5) * 5; discountPrcieHtml = ` -${discountToDisplay}%`; } if(metaColorInfo != ""){ getJSONColor = JSON.parse(metaColorInfo); getColor = getJSONColor.selected_product.color_format; colorSwatch = getColor; colorCount = getJSONColor.all_products.length; } if(idx){ $('#UNX-filter-desgin-elem').removeClass('d-none-facet'); $('#UNX-filter-desgin').css('visibility','visible'); $('#productViewTypeContainerMobile').css('visibility','visible'); } // for maintain mixed-layout grid of 28 if(index > 28 || idx == 1) index = 1; var UNXlazyloading = `loading="lazy"`; if(index <= 4){ UNXlazyloading = ``; } UNXImages = (product.images) ? product.images[0] : defaultImage; var productImagesHtml = ``; let dataWidths = [320, 480, 640, 800, 960, 1120, 1280, 1440, 1600, 1920, 2240, 2560, 360, 540, 720, 900, 1080]; let diffResolutions = JSON.stringify(dataWidths); let isFirstIteration = true; let imgIndex = 1; for (let i = imageArray.length - 1; i >= 0; i--) { const productImageURL = imageArray[i]; if(!UNXlazyloading && imgIndex != 1){ UNXlazyloading = `loading="lazy"`; } if(imgIndex !== 3) { productImagesHtml += `

`; } imgIndex++; } var comparePrice = ''; if (availability == 'true' && strikePrice > unxPrice && !metafieldAvailability.includes('In stock')) { comparePrice = moneyFormatLayoutSRP + strikePrice.toFixed(2); } var addSingleLayoutClass = ''; var addViewType = "four-layout"; if(productViewType == 'LIST'){ $('#CollectionLoop').addClass('mixed-layout'); $('#CollectionLoop').removeClass('four-layout'); } if(productViewType == 'GRID'){ $('#CollectionLoop').addClass('four-layout'); $('#CollectionLoop').removeClass('mixed-layout'); } let tempI = index; if (!((tempI+8)%9)) { addSingleLayoutClass = "full-width-product"; } // for banner reviews var bannerReview = ""; if(productViewType == 'LIST' && index == 5){ bannerReview = ` ` } if(productViewType == 'GRID' && index == 8){ bannerReview = ` ` } var v_count = ""; if(colorCount > 1){ v_count = `

+${colorCount} colors

` } var inventoryResult = ""; if(availability == 'false') { inventoryResult = `Ausverkauft`; } else if((availability == 'true') && tagStatus.includes('lstd') || tagStatus.includes('lst')) { inventoryResult = `Letzte Einheiten`; } else if((availability == 'true') && metafieldAvailability.includes('Pre-Order')){ inventoryResult =`On demand`; } else if ((availability == "true")) { inventoryResult = `Auf Lager`; } if(metafieldAvailability.includes('In stock') && !tagStatus.includes('lst')) { discountPrcieHtml = ``; } if(metafieldAvailability.includes('In stock') && !tagStatus.includes('lst')) { discountPrcieHtml = ``; } // Labels Tags let tagNameLabel = "" let tagNameStatus = "" if(labelStatus.includes("hero")){ tagNameStatus = `

Best Seller

`; } else if(labelStatus.includes("trending")) { tagNameStatus = `

Im Trend

`; } else if(tagMerch.includes('promote')){ tagNameStatus = `

Alohas Choice

`; } if(tagLast5Days.includes("30discount")) { tagNameLabel = `

-30% Ends soon

` } else if(tagLast20Days.includes("30discount")) { tagNameLabel = `

-30% Ends soon

` } else if(tagLast20Days.includes("15discount")) { tagNameLabel = `

-15% Ends soon

` } else if(labelStatus.includes("new")){ tagNameLabel = `

New In

`; } else if(tagOpportunity.includes('goingfast')) { tagNameLabel = `

Schnell Ausverkauf

`; } // var jsonString = JSON.stringify(product); const myArray = Object.entries(product); // Step 2: Encode the array to JSON const jsonString = JSON.stringify(myArray); // for grid maintainance(increment of index value in loop) index++; return [ `

${tagNameStatus} ${tagNameLabel}

${productImagesHtml}

${unxProductType} | ${tagStyle} +${colorCount} ${inventoryResult} ${discountPrcieHtml} ${comparePrice} ${moneyFormatLayoutSRP}${unxPrice.toFixed(2)}

${bannerReview}`, ].join('') } }, pagination: { enabled: true, type: 'FIXED_PAGINATION', pageLimit: 4, el: document.querySelector(".UNX-pagination-custom"), template: function(e, t = this.options.pagination) { if (!e) return ""; var { currentPage: n, isNext: e, isPrev: r, noOfPages: i, productsLn: o, numberOfProducts: a, rows: s } = e, { pageClass: c, selectedPageClass: l, pageLimit: t } = t, u = this.testIds["UNX_pageNumber"]; if (a <= o) return ""; let p = ``, h = ``, d = "", f = i < t ? i : t, g = 1; a = Math.ceil(t / 2), o = n - a, 0 < o && (g = o, f = n + a), t = n + a; i <= t && ((g -= t - i) <= 0 && (g = 1), f = i); for (let e = g; e <= f; e++) { var m = "" + u + e, v = e === n ? l + " kuCurrent" : "klevuPaginate"; var paginateSelect = e === n ? l + " active" : ""; d += `

${e}

` } return e || (p = ``), r || (h = ``), [` ${h} ${d} ${p} `].join("") } }, productView: { el: document.querySelector("#productViewTypeContainer"), defaultViewType:"GRID", template: function(selectedViewType, productViewType) { const isDisabled = (this.getSearchResults()) ? false : true; const { selectedViewTypeClass, viewTypeClass } = productViewType; const { UNX_gridBtn, UNX_listBtn } = this.testIds; let listBtnCss = `UNX-list-btn ${viewTypeClass} fa fa-th-list`; let gridBtnCss = `UNX-grid-btn ${viewTypeClass} fa fa-th`; const gTAttr = `data-test-id=${UNX_gridBtn}`; const lTAttr = `data-test-id=${UNX_listBtn}`; let listSelected = ''; let gridSelected = ''; if (selectedViewType === 'LIST') { listBtnCss += ` ${selectedViewTypeClass}` listSelected = 'active'; } if (selectedViewType === 'GRID') { gridBtnCss += ` ${selectedViewTypeClass}` gridSelected = 'active'; } let listBtn = `LIST`; let gridBtn = `GRID`; let viewTypeIcons = `

`; let viewLayout = `

${listBtn} ${gridBtn}

`; viewLayout += viewTypeIcons; removePage1FromUrl(); return `${viewLayout}` } }, noResults: { el: document.querySelector(".UNX-empty-div"), template:function(query){ return `

No Results found for ${decodeURIComponent(query)}

`; } }, loader: { el: document.querySelector(".UNX-empty-div"), }, }; if(productType == 'CATEGORY') { window.UnbxdAnalyticsConf = window.UnbxdAnalyticsConf || {}; window.UnbxdAnalyticsConf["page"] = `categoryPath${setUnxValue}:\"Sandalen\"`; window.UnbxdAnalyticsConf["page_type"] = "BOOLEAN"; requestObj.getCategoryId = function () { if (window.UnbxdAnalyticsConf !== "undefined" && window.UnbxdAnalyticsConf.page_type) { if ("page_id" in window.UnbxdAnalyticsConf) { return 'categoryPathId: "' + window.UnbxdAnalyticsConf["page_id"] + '"'; } else { if (window.UnbxdAnalyticsConf["page"] == undefined) { return "categoryPath:\"Unbxd Test\""; } else { return encodeURIComponent(window.UnbxdAnalyticsConf["page"]); } } } }; requestObj.browseQueryParam = 'p'; requestObj.categoryPath= "categoryPath"; requestObj.categoryUrlParam= "p"; requestObj.categoryDepth= 4; setTimeout(function () { document.querySelector('.product-grid .carousel__items').classList.add('active-animation'); }, 5000); setTimeout(function () { document.querySelector('.product-grid .carousel__items').classList.remove('active-animation'); }, 8000); } if(productType == 'SEARCH') { requestObj.searchQueryParam= 'q'; requestObj.searchEndPoint= "https://search.unbxd.io/"; } setTimeout(function () { window.buildProductCarousel(); }, 5000); let unbxdSrch = new UnbxdSearch(requestObj); if (productType == 'CATEGORY' && !unbxdSrch.state.isLoading) { unbxdSrch.getCategoryPage(); } }) .catch(function (error) { console.log(error); });}$(document).ready(function() { document.querySelector("#UNX-facet-wrapper").addEventListener("click", (e)=>{ if (e.target.classList.contains('UNX-change-facet-item-btn') || e.target.classList.contains('UNX-facet-open_close_toggle')) { lastSelectedFacet = e.target.dataset.facetName; } }); // js for maintaining reviews in diff grid selection $(document).on("click", ".UNX-btn-icon", function () { setTimeout(function () { let bannerEle = $(unbxdBannerElement)[0]; if (bannerEle){ bannerEle.insertAdjacentHTML("beforeend", unbxdContent); } }, 1000); }); function changeCountrySizing(button) { let previosSelection = document.querySelector('.size_country_bubble.selected').id document.querySelectorAll('.size_country_bubble').forEach(bubble => { bubble.classList.remove('selected') }) button.classList.add('selected') let countrySelected = button.id let dataSelected = document.querySelectorAll(`[data-${countrySelected}]`) let previousData = document.querySelectorAll(`[data-${previosSelection}]`) dataSelected.forEach(item => { item.removeAttribute('hidden') }) previousData.forEach(item => { item.setAttribute('hidden', '') }) } /* necessary to open product quick view DO NOT REMOVE */ document.addEventListener("click", (e) => { if(e.target.classList.contains("UNX-product-view")){ if(typeof addProductInstances != 'undefined') { let productItems = getProductItems(); if(productItems.length > 0 ) { addProductInstances(productItems); } } } }); /* UNX sort events */ document.addEventListener("click", (e)=>{ let target = e.target; const sideBarItem = target.closest(".UNX-sort-inner-container .sidebar__item"); if(sideBarItem && target.tagName == "LABEL") { const sortValue = sideBarItem.dataset.sortValue; document.querySelector(`input[name="unx_sort"][value="${sortValue}"]`).click(); } })});