M's P-6 Label Uprisal Crew Sweatshirt (2024)

`; } function renderVariantList(optionType, currentVariant) { const isParent = optionType === 'parent_options'; return Object.keys(allVariants[optionType]).map((option, i) => { let radios = Object.keys(allVariants[optionType][option]).sort(sortRadios(option)).map((variation, j) => { if (option === 'size' && 'radio' === 'dropdown') { return renderVariantOption({ type: option, value: variation, disabled: !availableVariants?.[optionType]?.[option]?.[variation], selected: variation == currentVariant?.[optionType]?.[option], id: isParent ? `template--18888614478120__main-${option}-${j}` : `template--18888614478120__main-${i + 1}-${j}`, }) } return renderVariantSelector({ type: option, value: variation, disabled: !availableVariants?.[optionType]?.[option]?.[variation], handle: isParent ? availableVariants?.[optionType]?.[option]?.[variation] || allVariants[optionType]?.[option]?.[variation] : null, selected: variation == currentVariant?.[optionType]?.[option], id: isParent ? `template--18888614478120__main-${option}-${j}` : `template--18888614478120__main-${i + 1}-${j}`, }) }); const shouldShowSizeGuide = option === 'size'; const sizeGuideLink = '' ? `

` : ''; const sizeGuideModalOpener = `

`; const sizeGuideModal = shouldShowSizeGuide && false ? `

` : ''; const sizeGuide = shouldShowSizeGuide ? (false ? sizeGuideModalOpener : sizeGuideLink ): ''; const optionTitle = getTranslatedOption(option); const shouldDisplayPopupOpenerIcon = `false`; let variantFormElements = radios.join(''); if ( option === 'colorDisplay' && 'carousel' === 'carousel' && radios.length >= 8 ) { variantFormElements = renderColorVariantCarousel(radios); } if (option === 'condition') { const modalOpener = `

`; return `

${sizeGuide} ${sizeGuideModal}`; } if (option === 'size' && 'radio' === 'dropdown') { const id = "product-form__input-dropdown" variantFormElements = `

`; } return `

${sizeGuide} ${sizeGuideModal}`; }).join('') } function updateAvailability(currentVariant) { getVariantPrice(currentVariant); optionTypes.forEach(optionType => { const isParent = optionType === 'parent_options'; Object.keys(allVariants[optionType]).forEach((option, i) => { Object.keys(allVariants[optionType][option]).sort(sortRadios(option)).forEach((variation, j) => { const el = document.getElementById(isParent ? `template--18888614478120__main-${option}-${j}` : `template--18888614478120__main-${ i + 1 }-${j}`); const isTagOption = el.tagName === 'OPTION'; if(!availableVariants[optionType]?.[option]?.[variation]) { el.classList.add('disabled'); el.removeAttribute('checked'); el.removeAttribute('selected'); el.setAttribute('aria-disabled', true); if (isTagOption) { el.setAttribute('disabled', true) } } else { el.classList.remove('disabled'); el.removeAttribute('aria-disabled'); if (isTagOption) { el.removeAttribute('disabled') } } if (variation == currentVariant[optionType][option]) { el.setAttribute('checked', true); el.setAttribute('selected', true); } else { el.removeAttribute('checked'); el.removeAttribute('selected'); } }); }); }); } function updateFieldsetAvailability(currentVariant) { const productFormInputs = document.querySelectorAll('.product-form__input'); productFormInputs.forEach(variantField => { const currentSelectedVariant = variantField.querySelector('input:checked, option:checked'); if (currentSelectedVariant && currentSelectedVariant.getAttribute('aria-disabled') === "true") { variantField.classList.add('variant-disabled'); } else { variantField.classList.remove('variant-disabled'); } }); } function renderAllVariants(update = false) { const currentVariant = {...getCurrentVariant(), cloned: true}; if (update) { optionTypes.forEach(optionType => { Object.keys(currentVariant[optionType]).forEach(option => { const optionTitle = getTranslatedOption(option); const variantLabel = document.querySelector(`legend[option=${option}] .form-label__current-variant`); variantLabel.classList.remove('form-label__current-variant--unselected'); variantLabel.textContent = currentVariant[optionType][option] || UNSELECTED_VARIANT_TEXT[option]; if (!currentVariant[optionType][option]) { variantLabel.classList.add('form-label__current-variant--unselected'); } const dropdown = document.querySelector(`select[option=${option}]`) if (dropdown) dropdown.setAttribute('data-acsb-tooltip', `${currentVariant[optionType][option]}`); const label = document.querySelector(`label[option=${option}]`) if (label) label.textContent = `${optionTitle}: ${currentVariant[optionType][option]}`; }) }) } allVariants.parent_options = {}; allVariants.variant_options = {}; availableVariants.parent_options = {}; availableVariants.variant_options = {}; const newVariants = getVariants(); newVariants.forEach(variant => { optionTypes.forEach(optionType => { Object.keys(variant[optionType]).forEach(option => { if(!allVariants[optionType][option]) allVariants[optionType][option] = {}; if(!allVariants[optionType][option][variant[optionType][option]]) { allVariants[optionType][option][variant[optionType][option]] = variant.handle } if (checkAvailable(variant, option, currentVariant)) { if(!availableVariants[optionType][option]) availableVariants[optionType][option] = {}; if(!availableVariants[optionType][option][variant[optionType][option]]) { availableVariants[optionType][option][variant[optionType][option]] = variant.handle } } }) }); }); if (update) { updateAvailability(currentVariant); } else { // initial render const sections = {}; optionTypes.forEach(optionType => { sections[optionType] = renderVariantList(optionType, currentVariant) }); document.querySelector('.trove-parents-container').innerHTML += sections.parent_options; document.querySelector('.trove-variants-container').innerHTML += sections.variant_options; } updateFieldsetAvailability(); } const preventAddToNavigationHistory = (url) => history.replaceState({}, '', url); renderAllVariants(); window.addEventListener('load', function(event) { renderAllVariants(true); });

Scars tell the story.

Iconclad Guarantee

We guarantee everything we make. If you are not satisfied with one of our products at the time you receive it, or if one of our products does not perform to your satisfaction, send us an email at info@wornwear.com. Damage due to wear and tear will be repaired at a reasonable charge.