`); } else if (filter["items"].length > 5) { $(`.${accordion_container}`).append(``); } else { $(`.${accordion_container}`).append(``); } filter["items"].forEach(item => { $(`.${div_id}`).append(` ${item.itemName}
`); }) }); } if (open_filter === "true" && $(window).width() > 980) { showFilters(); } } function getCollectionUrl() { let base_url = window.location.origin; let collection_url = `/collections/makeup-brush-sets`; var collectionUrl = base_url + "" + collection_url; return collectionUrl; } function getSortMethod () { var sort_methods = { "best-selling": "Best Selling", "manual": "Featured", "price-ascending": "Price, low to high", "price-descending": "Price, high to low" }; var url = window.location.href; if(url.includes("sort_by")){ sort_key = url.substr(url.indexOf("=") + 1); if(sort_key){ sort_title = sort_methods[sort_key] $(".mside-sort-by").find(".title-bar").html("Sort: "+sort_title); }else{ $(".mside-sort-by").find(".title-bar").html("Sort"); } } } const scrollingElement = document.scrollingElement ? document.scrollingElement : document.documentElement; const unlockScroll = () => { scrollingElement.style.removeProperty('overflow'); scrollingElement.style.removeProperty('position'); scrollingElement.style.removeProperty('top'); scrollingElement.style.removeProperty('width'); window.scrollTo(0, $(scrollingElement).attr('data-scroll-position')); $(scrollingElement).attr('data-locked', 'false'); } const lockScroll = () => { const scrollPosition = window.pageYOffset; $(scrollingElement).attr('data-scroll-position', window.pageYOffset); scrollingElement.style.overflow = 'hidden'; scrollingElement.style.position = 'fixed'; scrollingElement.style.top = `-${scrollPosition}px`; scrollingElement.style.width = '100%'; $(scrollingElement).attr('data-locked', 'true'); } function showFilters() { if ($(window).width() a").hasClass('active') != true) { $('.mobile-view .set > a').first().addClass("active"); $(".mobile-view .set > a img").first().toggleClass("rotate-image"); $('.mobile-view .content').first().css('display', 'block'); } $('.filter-option').addClass("mobile-bar"); } else { $("#mside-filter-by").attr('aria-expanded', function(i, attr) { return attr == 'true' ? 'false' : 'true'; }); if ($("#mside-filter-by").find(".title-bar").html() == "SHOW FILTERS") { $("#mside-filter-by").find(".title-bar.mobile-hide").html("HIDE FILTERS"); } else { $("#mside-filter-by").find(".title-bar.mobile-hide").text("SHOW FILTERS"); }; $("#mside-filter-by").find('img').toggleClass('rotate-image') // $('.mobile-select').toggle(); /* check window height */ var windowSize = $(window).width(); if (windowSize >= 980) { $('#bside').toggleClass('eighty'); } $('.mobile-select').slideToggle(400); if ($(".set > a").hasClass('active') != true) { $(".set > a").first().addClass("active"); $(".set > a img").first().toggleClass("rotate-image"); $(".content").first().css('display', 'block'); } $('.filter-option').addClass("filter-option-desktop"); } } function checkFilters() { var collectionUrl = getCollectionUrl(); var current_url = window.location.href; var path = window.location.pathname; var lastSlash = path.lastIndexOf("/"); var filter_params = path.substring(lastSlash + 1).split("+"); var activeTags = []; if (collectionUrl != current_url) { $(':radio').each(function() { var found = filter_params.includes($(this).val()); if (found) { $(this).prop('checked', true); $(this).addClass('active'); var tag = $(this).val(); activeTags.push(tag); var id = $(this).attr('id'); var label = $("label[for='" + id + "']").text(); $(".tags").append(`x${label}`); $('.reset-filter').show(); } }); if (activeTags.length > 0) { if ($(window).width() a").on("click", function() { if ($(this).hasClass("active")) { $(this).removeClass("active"); $(this) .siblings(".content") .slideUp(200); $(this).find("img") .toggleClass("rotate-image"); } else { $(".set > a").removeClass("active"); $(".set > a img").removeClass("rotate-image"); $(this).addClass("active"); $(this).find("img") .toggleClass("rotate-image"); $(".content").slideUp(200); $(this) .siblings(".content") .slideDown(200); } }); $('.filter-option').on('click', function() { if ($(this).hasClass('filter-option-desktop')) { let base_url = window.location.origin; let collection_url = `/collections/makeup-brush-sets`; let search = window.location.search; var collectionUrl = base_url + "" + collection_url; if (search.indexOf('page') !== -1) { var pageParam = search.split("&")[0]; search = search.replace(pageParam, '').replace('&', '?'); } var radioName = $(this).attr('name'); $(this).addClass("active") .siblings('input[name=' + radioName + ']').removeClass("active"); var activeItems = $('.content').find('.filter-option.active'); var activeTags = []; var activeLabels = []; $('.tags').empty(); activeItems.each(function(index, el) { var tag = $(el).attr('value'); var id = $(el).attr('id'); var label = $("label[for='" + id + "']").text(); if (tag) { activeTags.push(tag); $(".tags").append(`x${label}`) } }); if (activeTags.length > 0) { $('.reset-filter').show(); } if ($(window).width() > 980) { $('.filter-count').html("(" + activeTags.length + ")"); } var tagsUrl = activeTags.join('+'); var newUrl = collectionUrl; if (tagsUrl) { newUrl += '/' + tagsUrl; } newUrl += search; getFilteredData(newUrl); } }); $(document).on("click", ".clear-tag", function() { let search = window.location.search; var value = $(this).attr('value'); var activeItems = $('.content').find('.filter-option.active'); var activeTags = []; $('.tags').empty(); activeItems.each(function(index, el) { var tag = $(el).attr('value'); if (tag == value) { $(el).removeClass('active'); $(el).prop('checked', false); } else { if (tag) { var id = $(el).attr('id'); var label = $("label[for='" + id + "']").text(); activeTags.push(tag); $(".tags").append(`x${label}`) } } }); activeItems = $('.content').find('.filter-option.active'); if (activeItems.size() = 980) { $('#bside').toggleClass('eighty'); } $("input.filter-option").each(function(i) { this.checked = false; $(this).removeClass("active"); }); $("#mside-filter-by").find(".title-bar.mobile-hide").text("SHOW FILTERS"); $(".mside-sort-by").find(".title-bar").html("Sort");$('.mobile-select').slideToggle(400); $(".set > a").removeClass("active"); $(".set .content").css('display', 'none'); $(".set > a img").removeClass("rotate-image"); $('.reset-filter').hide(); $('.filter-count').empty(); $('#mside-filter-by').find('img').removeClass("rotate-image"); var collectionUrl = getCollectionUrl(); getFilteredData(collectionUrl); }); $('.filter-option').on('click', function() { var radioName = $(this).attr('name'); $(this).addClass("active") .siblings('input[name=' + radioName + ']').removeClass("active"); if ($(window).width()