Simple Modern | Water Bottle Lids & Tumbler Accessories (2023)

'; if (newCollectionResultsCounter.length == 0) { document.getElementById("noResultsMessage").innerHTML = '

UNFORTUNATELY THE SELECTED FILTERS RETURNED ZERO RESULTS, TRY CLEARING THE SELECTED FILTERS OR REFRESHING THIS PAGE.

'; document.getElementById("noResultsMessage").classList.add("noresults"); } else { document.getElementById("noResultsMessage").innerHTML = ''; document.getElementById("noResultsMessage").classList.remove("noresults"); } } function filterVariants(isMobile) { if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){ var newCollection_selected_filters_clearall = document.getElementById("newCollectionSelectedFiltersClearAll"); // displaying Tag prefix and ClearAll conditional var newCollection_selected_filters_count = document.querySelectorAll(".newCollectionSelectedFilterTag"); if (newCollection_selected_filters_count.length <= 0) { document.querySelector('.mobile-clearall-btn').classList.add('hide') } else { document.querySelector('.mobile-clearall-btn').classList.remove('hide') } // true for mobile device, only process the below functions if DONE button is clicked if( typeof isMobile === 'undefined' || isMobile === null || isMobile < 1 ) { return false; } } var newCollection_selected_filters_prefix = document.getElementById("newCollectionSelectedFiltersPrefix"); var newCollection_selected_filters_clearall = document.getElementById("newCollectionSelectedFiltersClearAll"); // displaying Tag prefix and ClearAll conditional var newCollection_selected_filters_count = document.querySelectorAll(".newCollectionSelectedFilterTag"); if (newCollection_selected_filters_count.length <= 0) { newCollection_selected_filters_prefix.classList.add("hide"); newCollection_selected_filters_clearall.classList.add("hide") document.querySelector('.mobile-clearall-btn').classList.add('hide') } else if (newCollection_selected_filters_count.length == 1) { newCollection_selected_filters_prefix.classList.remove("hide"); newCollection_selected_filters_clearall.classList.add("hide"); document.querySelector('.mobile-clearall-btn').classList.remove('hide') } else { newCollection_selected_filters_prefix.classList.remove("hide"); newCollection_selected_filters_clearall.classList.remove("hide"); document.querySelector('.mobile-clearall-btn').classList.remove('hide') } // END Filter Tags conditional // RETURNING FILTERED RESULTS // GRAB SELECTOR FOR ALL ARTICLE VARIANTS AND CHARACTER FILTER COLLECTIONS var allArticleVariants = document.querySelectorAll(".articleVariant"); var allCharacterFilterCollections = document.querySelectorAll(".newCollection-product-character"); // New Filter function let characterFilterClasses = []; if(newCollectionCharacters.length) { for(let i = 0; i < newCollectionCharacters.length; i++) { characterFilterClasses.push(newCollectionCharacters[i].replace("newCollectionCharacter--", "character--")); } } let sizeFilterClasses = []; if(newCollectionSizes.length) { for(let i = 0; i < newCollectionSizes.length; i++) { sizeFilterClasses.push(newCollectionSizes[i].replace("newCollectionSize--", "size--").toLowerCase()); } } let colorFilterClasses = []; if(newCollectionColors.length) { for(let i = 0; i < newCollectionColors.length; i++) { colorFilterClasses.push(newCollectionColors[i].replace("newCollectionColor--", "color--").toLowerCase()); } colorFilterClasses.reverse() } let teamFilterClasses = []; if(newCollectionTeams.length) { for(let i = 0; i < newCollectionTeams.length; i++) { teamFilterClasses.push(newCollectionTeams[i].replace("newCollectionTeam--", "team--").toLowerCase()); } teamFilterClasses.reverse() } let productTypeFilterClasses = []; if(newCollectionProductTypes.length) { for(let i = 0; i < newCollectionProductTypes.length; i++) { productTypeFilterClasses.push(newCollectionProductTypes[i].replace("newCollectionProductType--", "product-type--").toLowerCase()); } } let compatibleFilterClasses = []; if(newCollectionCompatibles.length) { for(let i = 0; i < newCollectionCompatibles.length; i++) { compatibleFilterClasses.push(newCollectionCompatibles[i].replace("newCollectionCompatible--", "product-compatible--").toLowerCase()); } } let resultNum = 0; for(let i = 0; i < allArticleVariants.length; i++) { let characterFlag = false, sizeFlag = false, colorFlag = false, teamFlag = false, productTypeFlag = false; compatibleFlag = false; // Character Filter if(!characterFilterClasses.length) { characterFlag = true; } else { characterFlag = characterFilterClasses.some(function(el) { if(allArticleVariants[i].classList.contains(el)) { return true; } }); } // Size Filter if(!sizeFilterClasses.length) { sizeFlag = true; } else { sizeFlag = sizeFilterClasses.some(function(el) { if(allArticleVariants[i].classList.contains(el)) { return true; } }); } // Color Filter if(!colorFilterClasses.length) { colorFlag = true; } else { colorFlag = colorFilterClasses.some(function(el) { const currentArticleColorSwatches = allArticleVariants[i].querySelectorAll(".swatch-element"); let isMatched = false; [...currentArticleColorSwatches].forEach(swatch => { if(!isMatched) { if(swatch.classList.contains(el)) { isMatched = true; swatch.click(); } } }); return isMatched; }); } // Team Filter if(!teamFilterClasses.length) { teamFlag = true; } else { teamFlag = teamFilterClasses.some(function(el) { const currentArticleColorSwatches = allArticleVariants[i].querySelectorAll(".swatch-element"); let isMatched = false; [...currentArticleColorSwatches].forEach(swatch => { if(!isMatched) { if(swatch.classList.contains(el)) { isMatched = true; swatch.click(); } } }); return isMatched; }); } // Product Type Filter if(!productTypeFilterClasses.length) { productTypeFlag = true; } else { productTypeFlag = productTypeFilterClasses.some(function(el) { if(allArticleVariants[i].classList.contains(el)) { return true; } }); } // Compatible Type Filter on Accessorries Collection Templates if(!compatibleFilterClasses.length) { compatibleFlag = true; } else { compatibleFlag = compatibleFilterClasses.some(function(el) { if(allArticleVariants[i].classList.contains(el)) { return true; } }); } // Filtering if(characterFlag && sizeFlag && colorFlag && teamFlag && productTypeFlag && compatibleFlag) { allArticleVariants[i].classList.remove("hide"); allArticleVariants[i].classList.add("aos-animate"); //If the filtered results are placed under the above the fold, they become invisible because of the lazyloading. So we need to force adding the class to make them visible. resultNum ++; } else { allArticleVariants[i].classList.add("hide"); } } if(resultNum > 0) { document.querySelector('#result-number').innerHTML = `${resultNum < 2 ? resultNum + ' Product': resultNum + ' Products'} `; }else { document.querySelector('#result-number').innerHTML = 'No results!' } if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){ // true for mobile device, only process the below functions if DONE button is clicked if( typeof isMobile === 'undefined' || isMobile === null || isMobile < 1 ) { return false; }else{ closeFilterModal() } } }; /* This function is used to hide unavailable filter values when another filter value is clicked. The current clicked filter is excepted here. */ let uniqueAllVisibleColors = []; let uniqueAllVisibleTeams = []; let uniqueAllVisibleSizes = []; function hideUnavailableValues(type) { const allArticleVariants = document.querySelectorAll(".articleVariant"); // Hide unavailable Colors, Teams and Sizes START // let allVisibleColors = []; let allVisibleTeams = []; let allVisibleSizes = []; let allVisibleProductTypes = []; uniqueAllVisibleColors = []; uniqueAllVisibleTeams = []; uniqueAllVisibleSizes = []; uniqueAllVisibleProductTypes = []; $(allArticleVariants).map(function() { if($(this).hasClass("hide") == false){ const option_row = $(this).find('.product-option-row'); if(type != 'color' && option_row && option_row.hasClass('product-option-row--color')){ const option_row_swatch = option_row.find('.swatch-element'); Array.from(option_row_swatch).forEach(element => { allVisibleColors.push($(element).data('value')); }) } if(type != 'team' && option_row && option_row.hasClass('product-option-row--team')){ const option_row_swatch = option_row.find('.swatch-element'); Array.from(option_row_swatch).forEach(element => { allVisibleTeams.push($(element).data('value')); }) } if(type != 'size'){ //Size check const element_classes = $(this).attr('class'); if(element_classes && element_classes.includes('size--')) { const classArr = element_classes.split(/\s+/); let res = classArr.filter(it => it.includes('size--')); const copyAllVisibleSizes = [...allVisibleSizes] allVisibleSizes = [...copyAllVisibleSizes, ...res]; } } if(type != 'productType') { //Product Type check const element_classes = $(this).attr('class'); if(element_classes && element_classes.includes('product-type--')) { const classArr = element_classes.split(/\s+/); let res = classArr.filter(it => it.includes('product-type--')); const copyAllVisibleProductTypes = [...allVisibleProductTypes] allVisibleProductTypes = [...copyAllVisibleProductTypes, ...res]; } } } }) if(type != "color") { uniqueAllVisibleColors = [...new Set(allVisibleColors)]; const filterAllColors = $("#newCollectionColor [class*='newCollectionColor--']"); Array.from(filterAllColors).forEach(element => { const color_value = $(element).data('value'); if(color_value) { if(uniqueAllVisibleColors.includes(color_value)){ $(element).removeClass('hide-unavailable') }else{ $(element).addClass('hide-unavailable') } } }) // Hide color bucket title if it has no children to display const bucketColors = $(".color-bucket__container .bucket__container"); Array.from(bucketColors).forEach(element => { const cntWithHide = $(element).find("[class*='newCollectionColor--'].hide-unavailable").length; const cntTotalChildren = $(element).find('.body').children().length; if(cntWithHide == cntTotalChildren) { //if all children of this bucket has "hide-unavailable" class, then the parent bucket itself should be hidden $(element).addClass('hide-bucket'); }else{ $(element).removeClass('hide-bucket'); } }) } if(type != "team") { uniqueAllVisibleTeams = [...new Set(allVisibleTeams)]; const filterAllTeams = $("#newCollectionTeam [class*='newCollectionTeam--']"); Array.from(filterAllTeams).forEach(element => { const team_value = $(element).data('value'); if(team_value) { if(uniqueAllVisibleTeams.includes(team_value)){ $(element).removeClass('hide-unavailable') }else{ $(element).addClass('hide-unavailable') } } }) // Hide team bucket title if it has no children to display const bucketTeams = $(".team-bucket__container .bucket__container"); Array.from(bucketTeams).forEach(element => { const cntWithHide = $(element).find("[class*='newCollectionTeam--'].hide-unavailable").length; const cntTotalChildren = $(element).find('.body').children().length; if(cntWithHide == cntTotalChildren) { //if all children of this bucket has "hide-unavailable" class, then the parent bucket itself should be hidden $(element).addClass('hide-bucket'); }else{ $(element).removeClass('hide-bucket'); } }) } if(type != "size") { uniqueAllVisibleSizes = [...new Set(allVisibleSizes)]; const filterAllSizes = $("#newCollectionSize [id*='newCollectionSize--']"); Array.from(filterAllSizes).forEach(element => { const size_value = $(element).data('value'); if(size_value) { if(uniqueAllVisibleSizes.includes(size_value)){ $(element).removeClass('hide-unavailable') }else{ $(element).addClass('hide-unavailable') } } }) } if(type != "productType") { uniqueAllVisibleProductTypes = [...new Set(allVisibleProductTypes)]; const filterAllProductTypes = $("#newCollectionProductType [id*='newCollectionProductType--']"); Array.from(filterAllProductTypes).forEach(element => { const type_value = $(element).data('value'); if(type_value) { if(uniqueAllVisibleProductTypes.includes(type_value)){ $(element).removeClass('hide-unavailable') }else{ $(element).addClass('hide-unavailable') } } }) } // Hide unavailable Colors, Teams and Sizes END // } function toggleSelected(clicked_id) { var selected_display_name = clicked_id.replace("newCollectionFilterCollection","newCollectionFilter").replace("newCollectionCharacter","newCollectionFilter").replace("newCollectionSize--","newCollectionFilter").replace("newCollectionProductType--","newCollectionFilter").replace("newCollectionCompatible--", "newCollectionFilter").replace("newCollectionColor--","newCollectionFilter").replace("newCollectionTeam--","newCollectionFilter").replace("tag--","newCollectionFilter").replace("-"," "); var selected_display_id = "tag--" + clicked_id; var selected_display_name = selected_display_name.split("newCollectionFilter").pop().replace(/([A-Z])/g, ' $1').trim().replace("_","."); if (selected_display_name == "Wall E") { selected_display_name = "Wall-E" } var output_html = '

'; var newCollection_filter_target_tag = document.getElementById(selected_display_id); var newCollection_selected_filters = document.getElementById("newCollectionSelectedFilters"); // IF MUTATED ID != ID, ID CONTAINS "newCollectionFilterCollection" if (clicked_id.split("newCollectionFilterCollection").pop() != clicked_id) { document.getElementById(clicked_id).classList.toggle("selected"); var index = newCollectionFilterCollections.indexOf(clicked_id); if (index === -1) { newCollectionFilterCollections.push(clicked_id); newCollection_selected_filters.innerHTML += output_html; filterVariants(); } else { newCollectionFilterCollections.splice(index, 1); newCollection_filter_target_tag.remove(); filterVariants(); } // IF MUTATED ID != ID, ID CONTAINS "newCollectionCharacter" } else if (clicked_id.split("newCollectionCharacter").pop() != clicked_id) { document.getElementById(clicked_id).classList.toggle("selected"); var index = newCollectionCharacters.indexOf(clicked_id); if (index === -1) { newCollectionCharacters.push(clicked_id); newCollection_selected_filters.innerHTML += output_html; filterVariants(); } else { newCollectionCharacters.splice(index, 1); newCollection_filter_target_tag.remove(); filterVariants(); } } else if (clicked_id.split("newCollectionSize").pop() != clicked_id) { // IF MUTATED ID != ID, ID CONTAINS "newCollectionSIZE" document.getElementById(clicked_id).classList.toggle("selected"); var index = newCollectionSizes.indexOf(clicked_id); if (index === -1) { newCollectionSizes.push(clicked_id); newCollection_selected_filters.innerHTML += output_html; filterVariants(); } else { newCollectionSizes.splice(index, 1); newCollection_filter_target_tag.remove(); filterVariants(); } hideUnavailableValues('size') } else if (clicked_id.split("newCollectionColor").pop() != clicked_id) { // IF MUTATED ID != ID, ID CONTAINS "newCollectionCOLOR" document.getElementById(clicked_id).classList.toggle("selected"); var index = newCollectionColors.indexOf(clicked_id); if (index === -1) { newCollectionColors.push(clicked_id); newCollection_selected_filters.innerHTML += output_html; filterVariants(); } else { newCollectionColors.splice(index, 1); newCollection_filter_target_tag.remove(); filterVariants(); } hideUnavailableValues('color') } else if (clicked_id.split("newCollectionTeam").pop() != clicked_id) { // IF MUTATED ID != ID, ID CONTAINS "newCollectionCOLOR" document.getElementById(clicked_id).classList.toggle("selected"); var index = newCollectionTeams.indexOf(clicked_id); if (index === -1) { newCollectionTeams.push(clicked_id); newCollection_selected_filters.innerHTML += output_html; filterVariants(); } else { newCollectionTeams.splice(index, 1); newCollection_filter_target_tag.remove(); filterVariants(); } hideUnavailableValues('team') } else if (clicked_id.split("newCollectionProductType").pop() != clicked_id) { // IF MUTATED ID != ID, ID CONTAINS "newCollectionPRODUCTTYPE" document.getElementById(clicked_id).classList.toggle("selected"); var index = newCollectionProductTypes.indexOf(clicked_id); if (index === -1) { newCollectionProductTypes.push(clicked_id); newCollection_selected_filters.innerHTML += output_html; filterVariants(); } else { newCollectionProductTypes.splice(index, 1); newCollection_filter_target_tag.remove(); filterVariants(); } hideUnavailableValues('productType'); } else if (clicked_id.split("newCollectionCompatible").pop() != clicked_id) { // IF MUTATED ID != ID, ID CONTAINS "newCollectionPRODUCTTYPE" document.getElementById(clicked_id).classList.toggle("selected"); var index = newCollectionCompatibles.indexOf(clicked_id); if (index === -1) { newCollectionCompatibles.push(clicked_id); newCollection_selected_filters.innerHTML += output_html; filterVariants(); } else { newCollectionCompatibles.splice(index, 1); newCollection_filter_target_tag.remove(); filterVariants(); } } else if (clicked_id.split("newCollectionCategory").pop() != clicked_id) { // IF MUTATED ID != ID, ID CONTAINS "newCollectionCATEGORY" meaning customer clicked a filter category var element = document.getElementsByClassName('newCollection-product-category'); var opend_flag = document.getElementById(clicked_id).classList.contains("selected"); for(var i = 0; i < element.length; i++) { element[i].classList.remove("selected"); } if(!opend_flag) { document.getElementById(clicked_id).classList.add("selected"); } // document.getElementById(clicked_id).classList.add("selected"); if (clicked_id.split("newCollectionCategory").pop() == "Character") { var chosen = document.getElementsByClassName('newCollectionCharacters'); var others = document.getElementsByClassName('newCollectionSubFilters'); for(var i = 0; i < others.length; i++) { others[i].classList.add("hide"); } for(var i = 0; i < chosen.length; i++) { if(!opend_flag) { chosen[i].classList.remove("hide"); } } } else if (clicked_id.split("newCollectionCategory").pop() == "Size") { var chosen = document.getElementsByClassName('newCollectionSize'); var others = document.getElementsByClassName('newCollectionSubFilters'); for(var i = 0; i < others.length; i++) { others[i].classList.add("hide"); } for(var i = 0; i < chosen.length; i++) { if(!opend_flag) { chosen[i].classList.remove("hide"); } } } else if (clicked_id.split("newCollectionCategory").pop() == "ProductType") { var chosen = document.getElementsByClassName('newCollectionProductType'); var others = document.getElementsByClassName('newCollectionSubFilters'); for(var i = 0; i < others.length; i++) { others[i].classList.add("hide"); } for(var i = 0; i < chosen.length; i++) { if(!opend_flag) { chosen[i].classList.remove("hide"); } } } else if (clicked_id.split("newCollectionCategory").pop() == "Compatible") { var chosen = document.getElementsByClassName('newCollectionCompatible'); var others = document.getElementsByClassName('newCollectionSubFilters'); for(var i = 0; i < others.length; i++) { others[i].classList.add("hide"); } for(var i = 0; i < chosen.length; i++) { if(!opend_flag) { chosen[i].classList.remove("hide"); } } } else if (clicked_id.split("newCollectionCategory").pop() == "Color") { var chosen = document.getElementsByClassName('newCollectionColor'); var others = document.getElementsByClassName('newCollectionSubFilters'); for(var i = 0; i < others.length; i++) { others[i].classList.add("hide"); } for(var i = 0; i < chosen.length; i++) { if(!opend_flag) { chosen[i].classList.remove("hide"); } } } else if (clicked_id.split("newCollectionCategory").pop() == "Team") { var chosen = document.getElementsByClassName('newCollectionTeam'); var others = document.getElementsByClassName('newCollectionSubFilters'); for(var i = 0; i < others.length; i++) { others[i].classList.add("hide"); } for(var i = 0; i < chosen.length; i++) { if(!opend_flag) { chosen[i].classList.remove("hide"); } } } } else if (clicked_id.split("newCollectionProductType").pop() != clicked_id) { document.getElementById(clicked_id).classList.toggle("selected"); } } function clearAllTags() { var tagTargets = document.querySelectorAll(".newCollectionSelectedFilterTag"); for (var i = 0; i < tagTargets.length; i++) { var target_id = tagTargets[i].id.split("tag--")[1].replace(/"/g,""); document.getElementById(target_id).classList.toggle("selected"); } document.getElementById("newCollectionSelectedFilters").innerHTML = ''; document.getElementById("newCollectionSelectedFiltersPrefix").classList.add("hide"); document.getElementById("newCollectionSelectedFiltersClearAll").classList.add("hide"); newCollectionFilterCollections = []; newCollectionCharacters = []; newCollectionSizes = []; newCollectionColors = []; newCollectionTeams = []; newCollectionProductTypes = []; var allCharacterFilterCollections = document.querySelectorAll(".newCollection-product-character"); for (var j = 0; j < allCharacterFilterCollections.length; j++) { allCharacterFilterCollections[j].classList.remove("hide"); }; var allArticleVariants = document.querySelectorAll(".articleVariant"); for (var j = 0; j < allArticleVariants.length; j++) { allArticleVariants[j].classList.remove("hide"); }; filterVariants(); document.querySelector('#result-number').innerHTML = ''; hideUnavailableValues('size') hideUnavailableValues('color') hideUnavailableValues('team') hideUnavailableValues('productType') } // Team Group Label Click $(document).on('click touch', '.team-container .compahead', function() { const $this = $(this); const $team_parent = $this.closest('.team-container'); const $team_containter = $this.closest('.newCollectionTeam'); Array.from($team_containter.find('.team-container .compahead')).forEach(element => { $(element).addClass('closed'); if($(element).hasClass('opened') && this != element){ $(element).removeClass('opened') } }) Array.from($team_containter.find('.team-container div')).forEach(element => { if(!$(element).hasClass('hide') && this.parentNode != element.parentNode){ $(element).find('div').addClass("hide") $(element).addClass("hide") } }) $this.toggleClass('opened'); $team_parent.find('div').toggleClass('hide') }) // Close filter modal when Close button is clicked on mobile. const closeFilterModal = () => { $('.newCollectionFilterMobileToggle').toggleClass("active"); $('main[data-aos^=fade][data-aos^=fade].aos-animate').css({'transform': 'translate(0)'}) } // Apply filter on Mobile by "DONE" button. const applyFilterOnMobile = () => { filterVariants(1); } const COLOR_BUCKETS = [ { id: "collegiate", colors: ["Alabama","Alabama A&M University","Alabama State University","Albany State University","Arizona State","Arkansas","Army","Auburn","Baylor","Bethune-Cookman University","Boise State","Brigham Young","Cal State Fullerton","Central Florida","Cincinnati","Claflin University","Clark Atlanta University","Clemson","Colorado","Colorado State","Coppin State University","Dayton","Delaware State University","East Carolina","East Tennessee State","Fayetteville State University","Florida","Florida A&M","Florida State","Georgia","Georgia Tech","Grambling State University","Hampton University","Hawaii","Houston","Howard University","Illinois","Indiana","Iowa","Iowa State","Jackson State University","Kansas","Kansas State","Kentucky","Lincoln University","Louisville","LSU","Marshall","Maryland","Memphis","Miami","Michigan","Michigan State","Minnesota","Mississippi State","Missouri","Montana State","Morehouse College","Morgan State University","Nebraska","Nevada","New Mexico","New Mexico State","Norfolk State University","North Carolina","North Carolina A&T State University","North Carolina Central University","North Carolina State","North Dakota State","Oklahoma","Oklahoma State","Ole Miss","Oregon","Oregon State","Penn State","Pittsburgh","Prairie View A&M University","Purdue","Savannah State University","South Carolina","South Florida","Southern","Spelman College","Syracuse","TCU","Tennessee","Tennessee State University","Texas","Texas A&M","Texas Southern University","Texas Tech","Tuskegee University","UCLA","UCONN","University of Arkansas at Pine Bluff","University of Maryland-Eastern Shore","UNLV","USC","Utah","UTEP","UTSA","Vanderbilt","Villanova","Virginia","Virginia State University","Virginia Tech","Wake Forest","Washington","Washington State","West Virginia","Winston-Salem State","Wisconsin","Xavier University"]}, { id: "disney", colors: ["Disney Aladdin Jasmine Night","Disney Aladdin Magic Carpet","Disney Beauty and the Beast","Disney Cars Ka-chow","Disney Cars Radiator Springs","Disney Cinderella A Cinderella Story","Disney Cinderella Midnight Magic","Disney Comic Incredibles","Disney Dainty Bambi","Disney Daisy Duck Garden","Disney Dalmatians Spotted Puppies","Disney Frozen Double Trouble","Disney Frozen Elsa Storm","Disney Frozen Elsa's Snowflake","Disney Frozen Find My Nose","Disney Frozen I Like Warm Hugs","Disney Frozen Nordic Lights","Disney Frozen Olafs Flurry","Disney Frozen Sisters","Disney Frozen Snowy Enchantment","Disney Frozen Snowy Playtime","Disney Frozen The Sky is Awake","Disney Jungle Book Friends","Disney Lady and the Tramp","Disney Lilo and Stitch","Disney Lion King Friends","Disney Lion King Sunset","Disney Mickey & Friends","Disney Mickey and Minnie Dreams","Disney Mickey and Minnie Polka Dot","Disney Mickey Mouse","Disney Mickey Mouse Ears","Disney Mickey Mouse Ears on Black","Disney Mickey Mouse Floral Riptide","Disney Mickey Mouse Retro","Disney Mickey Mouse Shorts","Disney Mickey Mouse Silhouette","Disney Mickey Mouse Silhouette Carrara","Disney Mickey Mouse Space","Disney Minnie and Mickey Freeplay","Disney Minnie Mouse","Disney Minnie Mouse Blush","Disney Minnie Mouse Dots","Disney Minnie Mouse Dress","Disney Minnie Mouse Rainbow","Disney Minnie Mouse Rainbows","Disney Minnie Mouse Retro","Disney Minnie Mouse Sprinkle","Disney Moana Maui's Voyage","Disney Moana Te Fiti Adventure","Disney Moana's Village","Disney Monsters Inc","Disney Nemo & Friends","Disney Nightmare Before Christmas","Disney Nightmare Before Christmas Skellington","Disney Pixar Pals","Disney Pixar Shadows","Disney Princess Rainbows","Disney Princess Royal Beauty","Disney Princess Squad Goals","Disney Tangled","Disney The Little Mermaid Ariel's Treasures","Disney The Little Mermaid Daydreamer","Disney The Little Mermaid Ursulas Lair","Disney Tigger","Disney Toy Story Andy's Toys","Disney Toy Story Forky","Disney Toy Story To Infinity and Beyond","Disney Winnie the Pooh Rain", "Disney Evil Queen", "Disney Glowing Villains", "Disney Mickey Mouse Speckles", "Disney Minnie Mouse Starry Sky", "Disney Princess Tiana","Disney Winnie the Pooh and Friends","Disney Wall-E Duo","Disney Lightyear","Disney Maleficent","Disney Frozen Anna and Elsa","Disney Belle on Mauve","Disney Belle's Garden","Disney Cinderella Floral Wishes","Disney Encanto","Disney Lady and the Tramp Garden","Disney Iconic Mickey","Disney Minnie Mouse Me","Disney Winnie the Pooh in the Wilderness","Disney Winnie the Pooh Life","Disney Starry Jasmine"]}, { id: "glitter", colors: ["Fairytale Shimmers","Sea Salt Shimmer","Cali Sky"]}, { id: "holiday-laser", colors: ["Deep Ocean Winter Scene","Joy","Making Spirits Bright","Melting Snowman","Merry & Bright","Merry and Bright","Midnight Black Dancing Gingerbread","Midnight Black Joy","Midnight Black Merry and Bright","Mystic Moon Sweater Weather","Riptide Dancing Gingerbread","Riptide Joy","Riptide Merry and Bright","Riptide Sweater Weather","Rose Gold Joy","Rose Gold Merry and Bright","Rudolph","Seaside Dancing Gingerbread","Seaside Sweater Weather","Winter Scene","Winter White Dancing Gingerbread","Winter White Joy","Winter White Merry and Bright"]}, { id: "ice", colors: ["Ice Black", "Ice Lagoon", "Ice Moss", "Ice Glacier", "Ice Paloma", "Ice Rose", "Ice White"]}, { id: "kids", colors: ["Adventure Sloth","Astronauts","Beary Forest","Blue Dino","Bubble Dogs","Cactus Escape","Color Me Hearts","Colorful Garden","Crazy Cats","Dinosaur Roar","Dinosaurs","Dogz Be Dogz","Explorer Three Pack","Forest Friends","Fox and the Flower","Happy Mermaids","Hearts","Ice Cream Cones","Imagination Three Pack","Jungle Safari","Koala","Ladybug Garden","Lainley Stripe","Little Monsters","Mermaid Scales","Midnight Sharks","Pink Flamingo","Polka Play","Rainbow Dream","Shark Bite","Skeleton Dino","Solar System","Starry Sweets","Sunshine Dino","Under Construction","Under the Sea","Unicorn Fields","Unicorn Rainbows","Watercolor Sharks","Watermelon Splash","Wild Zoo","Woodland Friends","Chloe Floral","Giraffe","Tie-Dye","Typhoon Geode","Camo","Blue Camo","Green Crocodiles","Ballet Plié","Rainbow Speckles","Pink Ballerina","Pink Ocean Geode","Freshwater","Let's Go Camping","Robo We Go","Take on the World","Touchdown","Wheels Up","Whitley Stripes",]}, { id: "marvel", colors: ["Avengers Assemble","Avengers Heroes","Avengers Shield","Black Panther","Black Panther Claw","Captain America Shield","Captain Marvel","Groot","Hulk Smash","Iron Man Red Snapper","Iron Man Tony Stark","Spider Armor","Spidey Kid","Spidey Sense","Thanos Infinity"]}, { id: "minibrook", colors: ["Minibrook Black Tie Dye","Minibrook Just Pink Candy Stripe","Minibrook Ocean Candy Stripe","Minibrook Pink Tie Dye"]}, { id: "mlb", colors: ["Arizona Diamondbacks","Atlanta Braves","Baltimore Orioles","Boston Red Sox","Chicago Cubs","Chicago White Sox","Cincinnati Reds","Cleveland Indians","Colorado Rockies","Detroit Tigers","Houston Astros","Kansas City Royals","Los Angeles Angels","Los Angeles Dodgers","Miami Marlins","Milwaukee Brewers","Minnesota Twins","New York Mets","New York Yankees","Oakland Athletic's","Philadelphia Phillies","Pittsburgh Pirates","San Diego Padres","San Francisco Giants","Seattle Mariners","St. Louis Cardinals","Tampa Bay Rays","Texas Rangers","Toronto Blue Jays","Washington Nationals"]}, { id: "nba", colors: ["Atlanta Hawks","Boston Celtics","Brooklyn Nets","Charlotte Hornets","Chicago Bulls","Cleveland Cavaliers","Dallas Mavericks","Denver Nuggets","Detroit Pistons","Golden State Warriors","Houston Rockets","Indiana Pacers","Los Angeles Clippers","Los Angeles Lakers","Memphis Grizzlies","Miami Heat","Milwaukee Bucks","Minnesota Timberwolves","New Orleans Pelicans","New York Knicks","Oklahoma City Thunder","Orlando Magic","Philadelphia 76ers","Phoenix Suns","Portland Trail Blazers","Portland Trailblazers","Sacramento Kings","San Antonio Spurs","Toronto Raptors","Utah Jazz","Washington Wizards"]}, { id: "nfl", colors: ["Arizona Cardinals","Atlanta Falcons","Baltimore Ravens","Buffalo Bills","Carolina Panthers","Chicago Bears","Cincinnati Bengals","Cleveland Browns","Dallas Cowboys","Denver Broncos","Detroit Lions","Green Bay Packers","Houston Texans","Indianapolis Colts","Jacksonville Jaguars","Kansas City Chiefs","Las Vegas Raiders","Los Angeles Chargers","Los Angeles Rams","Miami Dolphins","Minnesota Vikings","New England Patriots","New Orleans Saints","New York Giants","New York Jets","Philadelphia Eagles","Pittsburgh Steelers","San Francisco 49ers","Seattle Seahawks","Tampa Bay Buccaneers","Tennessee Titans","Washington Commanders"]}, { id: "nhl", colors: ["Anaheim Ducks","Arizona Coyotes","Boston Bruins","Buffalo Sabres","Calgary Flames","Carolina Hurricanes","Chicago Blackhawks","Colorado Avalanche","Columbus Blue Jackets","Dallas Stars","Detroit Red Wings","Edmonton Oilers","Florida Panthers","Los Angeles Kings","Minnesota Wild","Montreal Canadiens","Nashville Predators","New Jersey Devils","New York Islanders","New York Rangers","Ottawa Senators","Philadelphia Flyers","Pittsburgh Penguins","San Jose Sharks","Seattle Kraken","St. Louis Blues","Tampa Bay Lightning","Toronto Maple Leafs","Vancouver Canucks","Vegas Golden Knights","Washington Capitals","Winnipeg Jets"]}, { id: "nickelodeon", colors: ["Dora Rainforest Paradise","Dora the Explorer","Paw Patrol Adventures","Paw Patrol Chase on the Case","Paw Patrol Faces","Paw Patrol Marshall Prints","Paw Patrol Skye Flowers","SpongeBob Bikini Bottom","SpongeBob Bubbles","SpongeBob Neon","Teenage Mutant Ninja Turtles Turtle Town","Teenage Mutant Ninja Turtles Turtles Unite"]}, { id: "ombre", colors: ["Admiral","Bermuda Deep","Campfire","Cantaloupe","Freedom","Havana","Luna","Moonlight","Mystic Moon","Northern Lights","Pacific Dream","Razzle Dazzle","Santorini Breeze","Sea Breeze","Sorbet","Sweet Taffy","Tropical Seas","Tuxedo","Violet Sky","Wildberry","Beach Club","Fairy Swirl","Desert Swirl","Oasis Swirl","Summer Spectrum","Ice Cream Swirl","Sweet Peach","Cool Mint"]}, { id: "pattern", colors: ["Alpenglow","Arctic Sky","Bermuda Deep Blocked","Bermuda Deep Stripes","Blush Arrows","Blushing Purple Blocked","Botanical Rainbow","Bubble Up","Carrara Marble","Chiang Rai","Classy Stripe","Coral Streets","Cumulus","Dainty Dots","Dreamcicle","Floral Swirl","Florista","Fresh Day Blocked","Glacier Stripes","Grand Canyon","Island Bokeh","Jovie","Lagoon Blocked","Lunar","Madison Ave.","Mazarine Marble","Midnight Black Laser Engraved Lunar","Midnight Black Lunar","Milky Way","Molokai","Mono Fleur","Moonlight Blocked","Morphing Camo","Mt. Serenity","Mystic Lagoon Blocked","Mystical Forest","Nautical Stripes","Nebula","Neon Stripes","Oasis Falling Stars","Ocean Geode","Ocean Quartz","Opal Tide","Pacific Dream Blocked","Pansy Petals","Phoebe Floral","Pink Panther","Pink Sea Marble","Pollock","Pretty In Floral","Primrose Marble","Purple Polka Dot","Rainbow","Reflection","Sandstone","Sapphire Wood Grain","Sea Salt Blocked","Seeing Plaid","Sherbet Swirl","Soho Retreat","Soiree Blocked","Space Odyssey","Speckled Spots","Starry Night","Sweet Taffy Blocked","Tidal Wave","Torn Blues","Tropic Serenity","Tropical Seas Blocked","Tuxedo Stripes","Urbanite","Urbannia Florals","Winter White Maze","Wisteria Lane","Wood Grain","Black Leopard","Cream Leopard","Blush Leopard","Bifrost","Calm Breeze","Lemon Grove","Margo Floral","Daisy Floral","Chloe Floral", "Finley Floral", "Splatter Paint","Blue Terrazzo","Cream Terrazzo","Gold Leopard"]}, { id: "sadie-rob", colors: ["Dignity","Honey","Live","Live Original","Sister"]}, { id: "shimmering", colors: ["Amertine","Aqua Aura","Aquamarine","Aurora","Blue Moonstone","Diamond Turquoise","Glacier Rain","Kunzite","Obsidian","Rose Quartz","Selenite"]}, { id: "solid", colors: ["Amethyst","Aqua Rain","Assorted 1","Assorted 2","Autumn","Blush","Blush & Seaside","Bubblegum","Cabernet","Candy Apple","Caribbean","Cherry","Clear","Cotton Candy","Deep Ocean","Emerald","Fog","Glacier","Glimmering Gold","Grapefruit","Graphite","Honolulu","Hunter","Java","Lavender Mist","Lilac","Malibu","Midnight Black","Midnight Black & Slate","Mint","Mykonos Blue","Oasis","Orchid Sangria","Pacific","Pacific Blue","Prism","Riptide","Robin's Egg","Rock Candy","Rose Gold","Sea Glass Sage","Seaside","Simple Stainless","Sky","Slate","Strawberry","Sunshine","Tan","Twilight","Winter White", "Sage", "Almond Birch", "Greyed Jade", "Salmon", "Matte Midnight Black", "Matte Winter White","Good Day Blue","Chartreuse","Raspberry Vibes","Orangesicle Summer","Radiate Red","Pale Orchid","Matte Deep Ocean","Matte Riptide","Forest","Mauve Me","Very Peri","Retro Mint"]}, { id: "star-wars", colors: ["BB-8","Boba Fett","Boba Fett Bonds","Chewbacca","Darth Vader","Ewok Expeditions","Grogu Force Strong","Moonlit Mandalorian","Princess Leia","R2-D2","Rebel Galaxy","Retro R2-D2","Space Battle","Stormtrooper","Sunset Fighter","The Child","The Dark Side","Vader Nation","Vehicle Schematics"]}, { id: "sticker", colors: ["Adventure Pack - 20 Count","Arizona Desert","Blue Mountain","California Wave","Canoe Life","Colorado Sky","Compass","Explore More","Florida Sunshine","Forest Life","Go Everywhere","Great Outdoors","Green Camping","Happy Camper","Happy Trails","Illinois Fields","Inspired by Adventure","Mountain Scene","New York Lights","Ocean Rainbow","Ocean Sunshine","Oklahoma Retro","On the Road Again","Seek Adventure","Starry Camper","Take a Hike","Take the Long Way","Texas Land","Utah Arch","Wander","Washington Mountain"]}, { id: "valentine", colors: ["Doodle Valentine Midnight Black","Doodle Valentine Winter White","Love All Around Midnight Black","Love All Around Wildberry","Signature Love Blush","Signature Love Cherry","Signature Love Fairytale Shimmers","Signature Love Midnight Black","Signature Love Selenite","Signature Love Winter White","Solid Heart Blush","Solid Heart Carrara Marble","Solid Heart Cherry","Solid Heart Midnight Black","Solid Heart Selenite","Solid Heart Wildberry","Written in Hearts Blush","Written in Hearts Fairytale Shimmers","Written in Hearts Winter White","XoXo Carrara Marble","XoXo Cherry","XoXo Sweet Taffy","XoXo Winter White"]} ]; const TEAM_BUCKETS = [ { id: "team-nba", teams: ["Atlanta Hawks", "Boston Celtics", "Brooklyn Nets", "Charlotte Hornets", "Chicago Bulls", "Cleveland Cavaliers", "Dallas Mavericks", "Denver Nuggets", "Detroit Pistons", "Golden State Warriors", "Houston Rockets", "Indiana Pacers", "Los Angeles Clippers", "Los Angeles Lakers", "Memphis Grizzlies", "Miami Heat", "Milwaukee Bucks", "Minnesota Timberwolves", "New Orleans Pelicans", "New York Knicks", "Oklahoma City Thunder", "Orlando Magic", "Philadelphia 76ers", "Phoenix Suns", "Portland Trail Blazers", "Sacramento Kings", "San Antonio Spurs", "Toronto Raptors", "Utah Jazz", "Washington Wizards"]}, { id: "team-nfl", teams: ["Arizona Cardinals", "Atlanta Falcons", "Baltimore Ravens", "Buffalo Bills", "Carolina Panthers", "Chicago Bears", "Cincinnati Bengals", "Cleveland Browns", "Dallas Cowboys", "Denver Broncos", "Detroit Lions", "Green Bay Packers", "Houston Texans", "Indianapolis Colts", "Jacksonville Jaguars", "Kansas City Chiefs", "Las Vegas Raiders", "Los Angeles Chargers", "Los Angeles Rams", "Miami Dolphins", "Minnesota Vikings", "New England Patriots", "New Orleans Saints", "New York Giants", "New York Jets", "Philadelphia Eagles", "Pittsburgh Steelers", "San Francisco 49ers", "Seattle Seahawks", "Tampa Bay Buccaneers", "Tennessee Titans", "Washington Football Club"]}, { id: "team-mlb", teams: ["Arizona Diamondbacks", "Atlanta Braves", "Baltimore Orioles", "Boston Red Sox", "Chicago Cubs", "Chicago White Sox", "Cincinnati Reds", "Cleveland Indians", "Colorado Rockies", "Detroit Tigers", "Houston Astros", "Kansas City Royals", "Los Angeles Angels", "Los Angeles Dodgers", "Miami Marlins", "Milwaukee Brewers", "Minnesota Twins", "New York Mets", "New York Yankees", "Oakland Athletics", "Philadelphia Phillies", "Pittsburgh Pirates", "San Diego Padres", "San Francisco Giants", "Seattle Mariners", "St. Louis Cardinals", "Tampa Bay Rays", "Texas Rangers", "Toronto Blue Jays", "Washington Nationals"]}, { id: "team-nhl", teams: ["Anaheim Ducks", "Arizona Coyotes", "Boston Bruins", "Buffalo Sabres", "Calgary Flames", "Carolina Hurricanes", "Chicago Blackhawks", "Colorado Avalanche", "Columbus Blue Jackets", "Dallas Stars", "Detroit Red Wings", "Edmonton Oilers", "Florida Panthers", "Los Angeles Kings", "Minnesota Wild", "Montreal Canadiens", "Nashville Predators", "New Jersey Devils", "New York Islanders", "New York Rangers", "Ottawa Senators", "Philadelphia Flyers", "Pittsburgh Penguins", "San Jose Sharks", "Seattle Kraken", "St. Louis Blues", "Tampa Bay Lightning", "Toronto Maple Leafs", "Vancouver Canucks", "Vegas Golden Knights", "Washington Capitals", "Winnipeg Jets™"]}, { id: "team-university", teams: [ "Alabama", "Alabama A&M", "Alabama State", "Albany State", "Arizona State", "Arkansas", "Arkansas at Pine Bluff", "Army", "Auburn", "Baylor", "Bethune-Cookman", "Boise State", "Brigham Young", "Cal State Fullerton", "Central Florida", "Cincinnati", "Claflin", "Clark Atlanta", "Clemson", "Colorado", "Colorado State", "Coppin State", "Dayton", "Delaware State", "East Carolina", "East Tennessee State", "Fayetteville State", "Florida", "Florida A&M", "Florida State", "Georgia", "Georgia Tech", "Grambling State", "Hampton", "Hawaii", "Houston", "Howard", "Illinois", "Indiana", "Iowa", "Iowa State", "Jackson State", "Kansas", "Kansas State", "Kentucky", "Lincoln", "Louisville", "LSU", "Marshall", "Maryland", "Maryland-Eastern Shore", "Memphis", "Miami", "Michigan", "Michigan State", "Minnesota", "Mississippi State", "Missouri", "Montana State", "Morehouse", "Morgan State", "Nebraska", "Nevada", "New Mexico", "Norfolk State", "North Carolina", "North Carolina A&T State", "North Carolina Central", "North Carolina State", "North Dakota State", "Oklahoma", "Oklahoma State", "Ole Miss", "Oregon", "Oregon State", "Penn State", "Pittsburgh", "Prairie View A&M", "Purdue", "Savannah State", "South Carolina", "South Florida", "Southern", "Spelman", "Syracuse", "TCU", "Tennessee", "Tennessee State", "Texas", "Texas A&M", "Texas Southern", "Texas Tech", "Tuskegee", "UCLA", "UNLV", "USC", "Utah", "UTEP", "UTSA", "Vanderbilt", "Villanova", "Virginia", "Virginia State", "Virginia Tech", "Wake Forest", "Washington", "Washington State", "West Virginia", "Winston-Salem State", "Wisconsin", "Xavier"]}, ]; const colorBucketClasses = ['.collegiate-bucket', '.disney-bucket', '.glitter-bucket','.holiday-laser-bucket', '.ice-bucket', '.kids-bucket', '.marvel-bucket', '.minibrook-bucket', '.mlb-bucket', '.nba-bucket', '.nfl-bucket', '.nhl-bucket', '.nickelodeon-bucket', '.ombre-bucket', '.pattern-bucket', '.sadie-rob-bucket', '.shimmering-bucket', '.solid-bucket', '.star-wars-bucket', '.sticker-bucket','.valentine-bucket']; const teamBucketClasses = ['.team-nba-bucket', '.team-nfl-bucket', '.team-mlb-bucket', '.team-nhl-bucket', '.team-university-bucket']; $(document).on('click touch', '.bucket__container .title', function() { const $this = $(this); const $bucket_parent = $this.closest('.bucket__container'); const $bucket_containter = $this.closest('.buckets__container'); Array.from($bucket_containter.find('.bucket__container .title')).forEach(element => { $(element).addClass('closed'); if($(element).hasClass('opened') && this != element){ $(element).removeClass('opened') } }) Array.from($bucket_containter.find('.bucket__container .body')).forEach(element => { if(!$(element).hasClass('hide') && this.nextSibling != element){ $(element).find('div').addClass("hide") $(element).addClass("hide") } }) $this.toggleClass('opened'); $bucket_parent.find('.body').toggleClass('hide') $bucket_parent.find('.body div').toggleClass('hide') }) const appendColorToBucket = (bucket, element, type) => { if(bucket) { $(`.${type}-bucket__container .${bucket.id}-bucket .body`).append(element); } } const appendColorToOthers = (element, type) => { if(element) { $(`.${type}-bucket__container .other-bucket .body`).append(element); } } const showColorBucket = (bucketWrapper, type) => { bucketWrapper.map(item => { if($(`${item} .body`).children().length > 0){ $(`${item}`).addClass('show'); } }); if(type === 'color') { if($('.color-bucket__container .other-bucket .body').children().length > 0) { $('.color-bucket__container .other-bucket').addClass('show') } }else { if($('.team-bucket__container .other-bucket .body').children().length > 0) { $('.team-bucket__container .other-bucket').addClass('show') } } } const initColorBucket = () => { const single_colors = $(".color-bucket__container [class*='newCollectionColor--']"); single_colors.each(function (index, element) { const color = $(element).data('value'); const filteredBucket = COLOR_BUCKETS.find(element => element.colors.includes(color)); if(filteredBucket) { appendColorToBucket(filteredBucket, element, 'color'); }else{ appendColorToOthers(element, 'color'); } }); showColorBucket(colorBucketClasses, 'color'); const single_teams = $(".team-bucket__container [class*='newCollectionTeam--']"); single_teams.each(function (index, element) { const team = $(element).data('value'); const filteredTeamBucket = TEAM_BUCKETS.find(element => element.teams.includes(team)); if(filteredTeamBucket) { appendColorToBucket(filteredTeamBucket, element, 'team'); }else{ appendColorToOthers(element, 'team'); } }); showColorBucket(teamBucketClasses, 'team'); } initColorBucket(); window.onload = function(){ filterVariants(); }; $(function () { var classes = $('.newCollectionCompatible div[class^="section_"]').map(function() { return $(this).attr('class'); }); var uniqueClasses = $.unique(classes); $(uniqueClasses).each(function(i, v){ $('.'+v).wrapAll('

') $(".parent-"+v).css({"padding-bottom": "20px", "display": "flex", "flex-direction": "row", "flex-wrap": "wrap"}); $('.'+v).css({"padding-right": "10px", "padding-bottom": "10px"}); }); // remove duplicate var seen = {}; $('h3.compahead').each(function() { var txt = $(this).find('span.text').text(); txt = txt.replace(/[0-9]/g, ''); $(this).find('span.text').text(txt) if (seen[txt]) $(this).remove(); else seen[txt] = true; }); if(!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){ const firstFilter = document.querySelectorAll('.newCollection-product-category')[0] if(firstFilter) { firstFilter.classList.add('selected'); firstFilter.nextElementSibling.classList.remove('hide') } } });