Sweaters & Cardigans (2024)

Enable Accessibility Skip to content

`);}const firstVariant = productFilteredVariants[0]; const colorOption = productFilteredVariants.map((v) => v['option1']) const variantImageIds = productFilteredVariants.map(variant => variant.id); const variantImages = product.images.filter(image => variantImageIds.indexOf(image.id) >= 0);const variantImagesCurve = product.images.filter(img => img.src.includes("_CURVE")); const colorImages = product.images.filter(image => image.alt === colorOption); const productCardImages = new Set();/* productCardImages.add(window.spotDOM.getProductImage(product)); variantImages.forEach(image => productCardImages.add(image)); colorImages.forEach(image => productCardImages.add(image));*/ //This code generates a carousel on product cards // let productCardImagesHTML = ''; // let firstImage = true; // productCardImages.forEach((image) => { // const imageType = (image.src.indexOf('.png') >= 0 ? '.png' : '.jpg'); // const smallImageURL = image.src.replace(imageType, `_180x${imageType}`); // productCardImagesHTML = `${productCardImagesHTML} // // `; // firstImage = false; // });if(spotDOM.collection() && product.handle.indexOf('dummy') >= 0) {if (product.metafields.find(m => m.key === "custom_redirect_url")) {var dummyLink = product.metafields.find(m => m.key === "custom_redirect_url").value} else {var dummyLink = '/'} const dummyImage = product.image.src; const dummyVideo = null; const dummyText = null; let itemWrapper = dummyLink ? 'a' : 'div'; let dummyMedia = '' if(dummyVideo) { dummyMedia = ``; } else if(dummyImage) { dummyMedia = ``; } const href = (dummyLink ? `href="${dummyLink}"` : ''); const dummyTextHTML = (dummyText ? `

${dummyText}

` : ''); return window.spotDefault.createElement(``); }var optionImageHTML = '';var mainImageHTML = '';function curveImageUrl(imageSrc) {try {let sku_color = imageSrc.split('files/')[2].split("_").slice(0, 2).join("_").split('.')[0];if (product.images.filter(img => img.src.includes("_CURVE")).filter(img => img.src.includes(sku_color)).length) {return product.images.filter(img => img.src.includes("_CURVE")).filter(img => img.src.includes(sku_color))[0].src} else {return false}} catch(e) {// debugger;console.error(e);return false;}}function addToImageHTML(image, mainImage = true) {if (curveImageUrl(image.src) && showCurveImageOnCategoryPage) {var imgSrc = curveImageUrl(image.src)} else {var imgSrc = image.src;}var imageType = (imgSrc.indexOf('.png') >= 0 ? '.png' : '.jpg'); var width = [240, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]; var smallImageURL = imgSrc.replace(imageType, `_${width[0]}x${imageType}`);var imageHTML = '';var imageSize = 0;// Divide the screen width value by 3 to get the desired value for the image widthimageSize = width.reduce((a, b) => {return Math.abs(b - window.innerWidth / 3) < Math.abs(a - window.innerWidth / 3) ? b : a;});imageHTML += ""imageHTML += ``;if (mainImage) {mainImageHTML += ('' + imageHTML + '');} else {optionImageHTML += ('' + imageHTML + '');}} if(!!window.spotDOM.getProductImage(product)) {const spot_product_image = window.spotDOM.getProductImage(product);if (hasVideoAndVideoTag(product, spot_product_image.alt)) {mainImageHTML = videoHTML(product, spot_product_image.alt, true);} else {addToImageHTML(spot_product_image);} } const product_badge = product.metafields.find(metafield => { return metafield.key === "product_badges"; }); const product_badge_color = product.metafields.find(metafield => { return metafield.key === "product_badges_color"; });const product_badge_in_collection = product.metafields.find(metafield => { return metafield.key === "product_badge_in_collection"; });const product_badge_background_color = product.metafields.find(metafield => { return metafield.key === "product_badge_background_color"; });const product_badge_text_color = product.metafields.find(metafield => { return metafield.key === "product_badge_text_color"; });let badgeBackgroundColor = '#fff';let badgeTextColor = '#000';if (product_badge_background_color) {badgeBackgroundColor = product_badge_background_color.value;}if (product_badge_text_color) {badgeTextColor = product_badge_text_color.value;} let badgeHTML = ''; if(product_badge) { badgeHTML = `

${product_badge.value}

`; } const { options } = product; let color_position = ''; let color_array = options.reduce(function(colors, option) { if(option.name === "Color") { colors = colors.concat(option.values); color_position = `option${option.position}`; } return colors; }, []); const variant_color = productFilteredVariants[0][color_position]; const swatches = []; let index = 0; const swatch_color_images = []; const product_multi_swatch = product.metafields.find(metafield => { return metafield.key === "swatch_color"; }); const metafieldVariants = product.variants.filter(item => { const hidden = (productTags.includes("hide-"+item.option1.toLowerCase().replace(" ", ""))); return (!hidden) }); let variant_multi_swatches = metafieldVariants.filter(variant => { return variant.metafields.find(metafield => { return metafield.key === "swatch_color"; }); }).map(variant => { const variant_metafield = variant.metafields.find(metafield => { return metafield.key === "swatch_color"; }); if(variant_metafield) { return { "variant": variant, "color": variant_metafield } } }); const variant_color_index = color_array.indexOf(variant_color); if(variant_color_index > 3) { const start_position = variant_color_index - 3; color_array = color_array.slice(start_position); } color_array.forEach(function(color) {let lowercase_color = color.toLowerCase().replace(' ', '-'); let handleized_color = spotDOM.handleize(color);if (!productTags.map(x => x.toLocaleLowerCase().replace(" ", "")).includes("hide-"+lowercase_color) && !productTags.map(x => x.toLocaleLowerCase().replace(" ", "")).includes("hide-manual-"+lowercase_color)) {if(index == 4) { swatches.push(`+`); index++; } else if (index > 4) { return; } else { let has_image = false; const color_image = product.images.find(image => { if (image.alt === color && image.alt !== variant_color) { return true; } }); if(color_image) { swatch_color_images.push(color_image); has_image = true; } else if (color === variant_color) { has_image = true; } if(has_image) { let swatch_value = ''; if(product_multi_swatch || variant_multi_swatches.length > 0) { if(!!product_multi_swatch && color === "multi") { swatch_value = product_multi_swatch.value; } else if(variant_multi_swatches.length > 0) { variant_multi_swatches.forEach(item => { if(item.variant[color_position] === color) { swatch_value = item.color.value; } }); } } let lowercase_color = color.toLowerCase().replaceAll(' ', '-'); let handleized_color = spotDOM.handleize(color); const multi_swatch_image = `//cdn.shopify.com/s/files/1/0076/7075/9477/files/${swatch_value}.png`;const backup_swatch_image = `//cdn.shopify.com/s/files/1/0076/7075/9477/files/color-${handleized_color}.png`if (!productTags.map(x => x.toLocaleLowerCase().replace(" ", "")).includes("hide-"+lowercase_color) && !productTags.includes("hide-manual-"+lowercase_color)) {let varId = "";product.variants.some(obj => {if (obj.option1.toLowerCase() === color.toLowerCase()) {return (varId = obj.id)}}); swatches.push(``);} } index++; }} }); swatch_color_images.forEach(image => {if (hasVideoAndVideoTag(product, image.alt)) {optionImageHTML = optionImageHTML + videoHTML(product, image.alt, false);} else {addToImageHTML(image, mainImage = false);} }); if (product.tags.includes('pre-launch')) { var preLaunchClass = "pre-launch";} else { var preLaunchClass = '';}let linkUrl;if (product.metafields.find(m => m.key === "custom_redirect_url")) {linkUrl = correctUrl(product.metafields.find(m => m.key === "custom_redirect_url").value);} else {linkUrl = correctUrl(window.spotDOM.getProductURL(product));}let prodCard = window.spotDefault.createElement(``);return prodCard; }, null).done(function() {});const getAppliedFiltersCount = () => {return spotDOM.facets().flatMap((f) => f.facetValues()).filter((f) => f.enabled()).length;}const collectionFilterFooter = () => {const stateClass = 'has-filters-applied';const collectionFilterFooterEl = $('.js-collection-filters-footer');const appliedFiltersCount = getAppliedFiltersCount();$('.js-collection-filters-clear-all-applied-filters-count').html(appliedFiltersCount);appliedFiltersCount? collectionFilterFooterEl.addClass(stateClass): collectionFilterFooterEl.removeClass(stateClass);}const openCollectionFilterFlyout = () => {$('html').addClass('has-collection-filter-flyout-open');}const closeCollectionFilterFlyout = () => {$('html').removeClass('has-collection-filter-flyout-open');}spotDOM.addFacet((f) => f.addFacetValue((fv) => fv.enabled(() => {collectionFilterFooter();}), true), true);collectionFilterFooter();$('.js-collection-filter-trigger').click(() => openCollectionFilterFlyout());$('.js-collection-filters-show-results-button').click(() => closeCollectionFilterFlyout());$('.collection-filters__dropdown, .facet-pane-close').click((e) => {if ($(e.target).hasClass('collection-filters__dropdown') || $(e.target).hasClass('facet-pane-close')) {closeCollectionFilterFlyout();}});$('.js-collection-filters-clear-all-button').click(() => {spotDOM.queryGuard(() => spotDOM.facets().flatMap((f) => f.facetValues()).filter((f) => f.enabled()).forEach((f) => f.enabled(false)));});// Close collection filter$('body, .facet-pane-close').on('click', '.js-collection-filters-close-button', () => closeCollectionFilterFlyout());});