ReCrafted Overnight Bag - Large (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--20420279304488__main-${option}-${j}` : `template--20420279304488__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--20420279304488__main-${option}-${j}` : `template--20420279304488__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 = `true`; let variantFormElements = radios.join(''); if ( option === 'colorDisplay' && 'thumbnail' === '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--20420279304488__main-${option}-${j}` : `template--20420279304488__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); });

^{Unless specified, all ReCrafted items use unisex sizing. For more details on fit, please refer to the sizing details below or see our size charts.}

Iconclad Guarantee

Each one-of-a-kind garment is uniquely made in California from an array of deconstructed and repurposed materials of various shades. The final pops of color may vary from what is shown. Rest assured, everything has been cleaned through the process, but may have slight signs of use from a previous life. After all, the scars tell the story.