Women's Ridge Rise Stripe Uprisal Sweatpants (2024)

1. Bottoms
2. Pants

`; } 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(''); const productInfoContainer = document.querySelector('.product__info-wrapper.grid__item.left .product__info-container'); if (option === 'colorDisplay' && 'carousel' === 'carousel' && productInfoContainer) { const productInfoContainerWidth = productInfoContainer.offsetWidth * 2; const pillMargin = 5; const pillWidth = 60 + pillMargin; const pillsWidth = pillWidth * radios.length; if (pillsWidth >= productInfoContainerWidth) { 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.