The Espadrille Mary Jane
Regular price $149
- Regular price
- Sale price
- $149
Unit price
/ per
Hemp Blend
38 reviews
Color
Black
Metallic Golden Sun
Jasmine
Red Hot
Size
5
5.5
6
6.5
7
7.5
8
8.5
9
9.5
10
10.5
11
11.5
12
12.5
13
` : this.applyTest1129 === false ? html`${this._renderSwatchOptions(groupIndex, items)}` : nothing } ` }, )} ` } _renderGiftCardDesigns =({ display_name, name, values }) => { const optionHandle = handleize(name) const hasSelectedValue = true return html`
` } _renderGiftCardDesignInput = ({ url, variant, value }, optionHandle, index) => { const inputName = `${this.sectionId}-${optionHandle}-${index}` let renderedValue = value const valueHandle = handleize(value) const swatchFilename = `/cdn/shop/files/gift-card-${valueHandle}.png` const productHandle = url.split('/').pop() || this.activeProductHandle return html` { this._trackOptionClick('variant') }}" ?aria-disabled=${!variant?.available} class="gift-card" /> ` } _handleOpenSizeChart(event) { const detail = { system: this.activeSizeSystem, sizeValues: this.sizeValues, } document.dispatchEvent(new CustomEvent('dna:size-chart:open', { detail })) // @segment Segment.protect(() => { Segment.track(Segment.CONSTANTS.EVENTS.SIZE_CHART_CLICKED, { size_chart_cta_text: event.target.textContent?.trim() }) }) } _renderSizeChartTrigger = () => { return html`
${when( __DNA_GLOBAL__.enableLocalSizingDropDown, this._renderSizeSystemDropdown, () => nothing )}
{ this._handleOpenSizeChart(e) }} role="button" > Size chart ` } _renderOptionInput = ({ url, variant, value }, optionHandle, index) => { const inputName = `${this.sectionId}-${optionHandle}-${index}` let renderedValue = value if (optionHandle === 'size' && !!this.activeSizeSystem && __DNA_GLOBAL__.enableLocalSizingDropDown) { renderedValue = this.sizeMap?.[this.activeSizeSystem]?.[value]?.[ this.activeSizeRegion ] } return html` { this._trackOptionClick('variant') }}" ?aria-disabled=${!variant?.available} /> ` } _renderOptions = ({ display_name, name, values }) => { const optionHandle = handleize(name) const hasSizeChart = optionHandle === 'size' && !!this.activeSizeSystem const activeValue = this.activeValueMap[optionHandle] const legendLabelName = `legend-label-${optionHandle}` return html`
` } _setActiveValues = (event, rerender = true) => { this.$changeInitiator = event.target const formData = new FormData(this.$form.value) const values = Object.fromEntries(formData.entries()) if (this.activeValueMap.price && this.activeValueMap['gift-card-designs']) { this.activeValueMap = { price: values.price || this.activeValueMap.price, 'gift-card-designs': values['gift-card-designs'] || this.activeValueMap['gift-card-designs'], } } else { this.activeValueMap = values } if (rerender) { this._changedTask.run() } } render() { return html`
` } static styles = [ styles.reset, styles.a11y, styles.typography, css` .out-of-stock { position: relative; } .out-of-stock::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient( to bottom right, transparent calc(50% - 1px), var(--border-color), transparent calc(50% + 1px) ); } #container { display: flex; flex-direction: column; row-gap: 24px; } fieldset { border: none; display: flex; flex: 0 0 100%; flex-wrap: wrap; gap: 16px; margin: 0 0 24px 0; max-width: 37rem; min-inline-size: auto; padding: 0; min-inline-size: auto; border: none; margin: 0 0 0 0; } @media (max-width: 768px) { .fieldset-swatch { gap: var(--dna-space-2); margin-left: -5px; } .fieldset-swatch legend { margin-left: 5px; margin-bottom: var(--dna-space-3); } .fieldset-swatch .option-buttons-wrapper label { margin-right: 4px; display: inline-block !important; } .option-buttons-wrapper input[type='radio'].swatch + label > img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } } .legend { display: flex; gap: 8px; margin-bottom: 16px; width: 100%; } .legend-container { margin-bottom: 0px; } .legend-label { display: inline-flex; letter-spacing: 2px; } .legend-label--error { color: var(--dna-utility-attention); } .legend-error-message { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; display: none; } .legend-label--has-value::after { content: ':'; } .selected-option { flex: 1; } #size-region-dropdown > sl-button[slot="trigger"]::part(base) { background-color: transparent; border: none; color: var(--dna-color-midnight); line-height: unset; min-height: unset; padding-bottom: 2px; } @media (max-width: 768px) { #size-region-dropdown > sl-button[slot="trigger"]::part(base) { padding-bottom: 0px; padding-top: 2px; } } #size-region-dropdown > sl-button[slot="trigger"]::part(label) { padding: 0 4px 0 0; } #size-region-dropdown > sl-menu > sl-menu-item::part(checked-icon), #size-region-dropdown > sl-menu > sl-menu-item::part(submenu-icon) { width: 5px; } input[type='radio'] { clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; height: 1px; width: 1px; } /* Swatch button styles */ input[type='radio'].swatch + label { cursor: pointer; border-radius: 50%; color: transparent; align-items: center; display: flex; justify-content: center; position: relative; height: 42px; width: 42px; background-color: transparent; } input[type='radio'].swatch + label > img { height: var(--dna-space-8); object-fit: cover; border-radius: 50%; width: var(--dna-space-8); } input[type='radio'].swatch:checked + label img, input[type='radio'].swatch + label img:hover { outline: 1px solid var(--dna-color-midnight, black); outline-offset: 2px; } /* OOS color swatch styles input[type='radio'].swatch.out-of-stock + label { } */ /* Option button (non-swatch) styles */ input[type='radio']:not(.swatch) + label { cursor: pointer; --border-color: var(--dna-color-light-grey, grey); display: inline-block; width: 48px; height: 48px; border: 1px solid var(--border-color); color: var(--dna-color-midnight); line-height: 48px; text-align: center; transition: border var(--dna-duration-short) ease; margin-right: 4px; } input[type='radio']:not(.swatch):checked + label, input[type='radio']:not(.swatch) + label:hover { --border-color: var(--dna-color-midnight, black); } input[type='radio']:not(.swatch).out-of-stock + label { position: relative; overflow: hidden; } input[type='radio']:not(.swatch).out-of-stock + label > .option-value { opacity: 0.5; } input[type='radio'].gift-card + label { --border-color: #ffffff; width: 176px; height: 118px; padding: 4px; border-radius: 8px; } input[type='radio'].gift-card + label img { height: 100%; width: 100%; border-radius: 5px; } #size-chart-trigger { cursor: pointer; z-index: var(--dna-z-index-content, 100); } @media (min-width: 768px) and (max-width: 991px) { #size-chart-trigger { margin-right: 10px; } } @media (min-width: 1440px) { #size-chart-trigger { margin-right: 5px; } } .option-buttons-wrapper { position: relative; margin-right: -16px; padding-right: 16px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; } /* breakpoint-tablet */ @media (min-width: 768px) { fieldset { min-width: fit-content; } input[type='radio']:not(.swatch):not(.gift-card) + label { width: 54px; height: 40px; line-height: 40px; margin-right: 0px; } .option-buttons-wrapper { display: flex; flex-wrap: wrap; gap: var(--dna-space-2); margin-right: 0; padding-right: 0; overflow: visible; } .fieldset-swatch .option-buttons-wrapper { gap: var(--dna-space-4); } input[type='radio'].swatch + label { cursor: pointer; background-color: var(--dna-color-light-grey, lightgrey); height: 32px; overflow: hidden; width: 32px; } input[type='radio'].swatch:checked + label img, input[type='radio'].swatch + label img:hover { outline: none; } input[type='radio'].swatch:checked + label, input[type='radio'].swatch + label:hover { outline: 1px solid var(--dna-color-midnight, black); outline-offset: 2px; } } .option-buttons-wrapper__gift-card label { height: 118px; width: 176px; } @media (min-width: 992px) and (max-width: 1439px) { input[type='radio']:not(.swatch):not(.gift-card) + label { width: 52px; height: 40px; line-height: 40px; } } @media (min-width: 768px) and (max-width: 1439px) { input[type='radio'].gift-card + label { height: unset; width: unset; flex: 1 1 calc(50% - 8px); } input[type='radio'].gift-card + label img { height: auto; display: block; width: 100%; } } `, ] } customElements.define('dna-variant-picker', DNAVariantPicker)
Find Your Store
Select a size to see availability near you.
Couldn't load pickup availability
Free shipping on all orders.
30 days to return or exchange (excluding final sale items). Learn more.
${when( productTitle.style, () => html`
${productTitle.style}
`, () => nothing, )} ${when( productTitle.color, () => html`
${productTitle.color}
`, () => nothing, )}
${when( variant.compare_at_price, () => html` ${renderPrice(variant.compare_at_price)} `, () => nothing, )} ${renderPrice(variant.price)}
${repeat( this.items, (item) => item.id, (item, index) => html` ${(() => this._renderItem(item))()} `, )}
` } _renderCarousel = () => { return html`
${when( productTitle.style, () => html`
${productTitle.style}`, () => nothing, )} ${when( productTitle.color, () => html`
${this.translations.color}: ${productTitle.color}
`, () => nothing, )}
${this.translations.size}: ${when( __DNA_GLOBAL__.enableLocalSizingDropDown, this._renderSizeSystemDropdown, () => nothing, )}
${when( this.fitTip, () => html`
${this.fitTip}
`, () => nothing )}
{this._trackQuickShopDetails(item)}} > ${this.translations.view_details}
${this.sectionTitle.section_title}
${when( !this.isMobile && this.items.length > 2, this._renderCarousel, this._renderWrapper )} ${this._renderQuickShop()} ` } static styles = [ styles.reset, styles.flex, styles.typography, styles.shoelace, css` :host { --addon-border-color: rgba(3, 20, 59, 0.25); display: block; position: relative; } .product-addon__wrapper { position: relative; margin: 0 -16px 24px; padding: 0 16px; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none; } .product-addon__item { background-color: var(--dna-color-sandstone); border: 1px solid var(--addon-border-color); border-right: 0; max-width: 160px; min-width: 160px; opacity: 1; width: 160px; } .product-addon__item:last-of-type { border-right: 1px solid var(--addon-border-color); } .product-addon__media { position: relative; } .product-addon__cta { color: var(--dna-color-midnight); font-size: 11px; font-weight: 500; letter-spacing: 2px; padding: calc(var(--dna-space-3) / 2) calc(var(--dna-space-5) / 2) var(--dna-space-4); padding-top: ; text-decoration: underline; text-transform: uppercase; width: 100%; } .product-addon__cta-icon { margin-right: var(--dna-space-2); width: 18px; height: 19px; } .product-addon__cta-icon svg { width: 100%; height: 100%; } .product-addon__cta--added { text-decoration: none; } .product-addon__content { display: block; margin: 10px; } p { margin: 0; } .product-addon__title { margin-bottom: 24px; font-weight: 500; } img { display: block; aspect-ratio: 1; max-width: 100%; object-fit: contain; } .product-addon__price { column-gap: 8px; } .product-addon__price--markdown { color: var(--dna-utility-attention); } .product-addon__price--markdown s { color: var(--dna-color-midnight); } .product-quickshop { --size: 660px; --header-spacing: 26px 16px 8px; } .product-quickshop::part(title) { font: var(--dna-h3-font); letter-spacing: 0; } .product-quickshop::part(header-actions) { height: 45px; padding: 19px 16px 8px; } .product-quickshop::part(close-button) { --sl-spacing-x-small: 0; font-size: 18px; } .product-quickshop__media { height: 246px; background-color: var(--dna-color-sandstone); } .product-quickshop__media img { height: 100%; } .product-quickshop::part(body) { padding: 0 16px 40px; } .product-quickshop::part(base) { z-index: 2147483199; } .product-quickshop__content { flex-direction: column; gap: 12px; padding-top: 16px; } .product-quickshop__title { margin: 0; } .product-quickshop__option-name { column-gap: 8px; } .product-quickshop__option-name strong { letter-spacing: 2px; } #size-region-dropdown > sl-button[slot="trigger"]::part(base) { min-height: unset; padding: 0; border: none; background-color: transparent; color: var(--dna-color-midnight); line-height: unset; } #size-region-dropdown > sl-button[slot="trigger"]::part(label) { padding: 0 4px 0 8px; font-size: 14px; } .product-quickshop__fitTip { padding-bottom: 6px; line-height: 14px; } .option-buttons-wrapper { position: relative; margin: 12px -16px 0 0; padding-right: 16px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; } input[type='radio'] { clip: rect(0, 0, 0, 0); overflow: hidden; position: absolute; height: 1px; width: 1px; } input[type='radio'] + label { --border-color: var(--dna-color-light-grey, grey); display: inline-block; width: 48px; height: 48px; border: 1px solid var(--border-color); color: var(--dna-color-midnight); cursor: pointer; line-height: 48px; text-align: center; transition: border var(--dna-duration-short) ease; } input[type='radio']:checked + label, input[type='radio'] + label:hover { --border-color: var(--dna-color-midnight, black); } .out-of-stock { position: relative; pointer-events: none; } .out-of-stock::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient( to bottom right, transparent calc(50% - 1px), var(--border-color), transparent calc(50% + 1px) ); } .product-quickshop__cta::part(base) { padding: 15px 24px; } .product-quickshop__cta[disabled]::part(base) { border: 1px solid var(--dna-color-midnight); opacity: 1; } .product-quickshop__cta::part(label) { line-height: 1; transition: all .3s; } .product-quickshop__cta-icon svg { width: 0; margin-left: auto; transition: all .3s; } .product-quickshop__cta-icon--added svg { width: 20px; } .product-quickshop__cta[variant='primary']::part(base):hover { background-color: var(--dna-color-midnight); color: var(--dna-brand-reverse); } /* breakpoint-tablet */ @media (min-width: 768px) { .product-addon__item { width: 100%; min-width: unset; max-width: 183px; } sl-carousel .product-addon__item { height: 100%; } .product-addon__item:last-of-type { max-width: 184px; } #addons-carousel { --aspect-ratio: unset; } #addons-carousel::part(base) { gap: 0; margin-bottom: 24px; padding-bottom: 40px; } #addons-carousel::part(scroll-container) { --slide-gap: 0px; border-radius: 0; } #addons-carousel::part(navigation) { display: flex; gap: 32px; position: absolute; bottom: 0; right: 0; } #addons-carousel::part(navigation-button) { color: var(--dna-color-midnight); padding: 0; } #addons-carousel::part(scroll-container) { border-right: 1px solid var(--addon-border-color); } sl-carousel-item { align-items: flex-start; justify-content: flex-start; max-width: 184px; height: 100%; } sl-carousel-item .product-addon__item { max-width: 100%; border-right: 0 !important; } .product-quickshop { --size: 448px; } .product-quickshop::part(title) { padding: 40px 0 28px 50px; font-size: 40px; line-height: 32px; text-align: center; } .product-quickshop::part(header-actions) { height: 72px; padding: 24px; } .product-quickshop::part(body) { padding: 16px 40px; border-top: 1px solid var(--dna-color-light-grey); } .product-quickshop__media { height: 408px; } .product-quickshop__content { gap: 8px; } .product-quickshop__title { font-size: 32px; line-height: 1; } .product-quickshop__sizes { padding: 8px 0; } .option-buttons-wrapper { display: flex; flex-wrap: wrap; gap: 8px; margin-right: 0; padding-right: 0; overflow: visible; } input[type='radio'] + label { width: 54px; height: 40px; line-height: 40px; } .product-quickshop__fitTip { padding-bottom: 16px; font-size: 10px; } .product-quickshop__cta::part(base) { margin-bottom: 16px; } .product-addon__cta { letter-spacing: 1px; font-size: 10px; } } @media (min-width: 992px) { #addons-carousel { --aspect-ratio: unset; } } @media (min-width: 1024px) { .product-addon__cta { letter-spacing: 2px; font-size: 11px; } } @media (min-width: 1440px) { #addons-carousel { --aspect-ratio: unset; } } .selected-option__plus { display: inline-grid; place-items: center; height: 100%; } .selected-option__plus svg { width: 16px; height: 16px; } `, ] } customElements.define('dna-product-add-on', DNAProductAddOn)The Espadrille Mary Jane
Size Chart
Fits true to size. Learn More
Still not sure what your size is?
MACHINE WASHABLE
Toss in the wash with cold water. Air dry. Boom.
PILLOW-LIKE COMFORT
Features a soft, plush footbed for easy-to-wear comfort.
RECYCLED PLASTIC BOTTLES
It took about 6 plastic bottles to knit these shoes. Learn more.
NATURAL HEMP
Along with plastic bottles, this style is knit with natural hemp and organic cotton.
“Our fan-favorite silhouette, reimagined for a season of sun.”
—Caroline, Head of Shoe Design
Details
- Lightweight, breathable upper in red made with a unique blend of hemp, organic cotton and recycled plastic bottles.
- Features a classic Mary Jane style with an adjustable strap for the perfect fit.
- Ultra-cushy footbed with a soft, recycled microfiber finish and a durable, partially bio-based EVA outsole.
- Unique details include a midsole wrapped in a tan and brown chevron pattern knit and sturdy stitch-to-sole construction.
- Added padding on the heel offers extra comfort for all-day wear.
Washing Instructions
- All of our styles are machine washable—so they last for the long haul.
- Toss shoes in the wash with cold water.
- Air dry. No heat, please.
- As hemp is a natural fiber, we suggest using a shoe tree when drying to help preserve their shape.
- Please note, due to its combination of delicate fibers, the color vibrancy of this shoe may slightly fade with each wash.
Sustainability
- Knit with a blend of hemp and Rothy’s signature thread, which is spun from plastic bottles. Learn more.
- Along with the hemp, it took about 6 plastic bottles to knit these shoes.
- In 2023, Rothy’s factory achieved TRUE Platinum certification, validating that it’s operating with Zero Waste Practices by diverting solid waste from landfill, incineration and the environment.
THE ESPADRILLE MARY JANE
- So light and breezy. Knit with a blend of hemp, organic cotton and recycled plastic bottles.
- Like walking on air. Lightweight, cushioned footbed and a padded ankle heel for extra comfort.
- An icon reimagined. Classic Mary Jane style with an adjustable signet strap for the perfect fit.