1/3

Soft Ruffle Hem Midi Dress

$23.40
Color:  Blush Pink
Size:  XS
Quantity
/** @private {string} */ class SpzCustomAnchorScroll extends SPZ.BaseElement { static deferredMount() { return false; } constructor(element) { super(element); /** @private {Element} */ this.scrollableContainer_ = null; } isLayoutSupported(layout) { return layout == SPZCore.Layout.LOGIC; } buildCallback() { this.viewport_ = this.getViewport(); this.initActions_(); } setTarget(containerId, targetId) { this.containerId = '#' + containerId; this.targetId = '#' + targetId; } scrollToTarget() { const container = document.querySelector(this.containerId); const target = container.querySelector(this.targetId); const {scrollTop} = container; const eleOffsetTop = this.getOffsetTop_(target, container); this.viewport_ .interpolateScrollIntoView_( container, scrollTop, scrollTop + eleOffsetTop ); } initActions_() { this.registerAction( 'scrollToTarget', (invocation) => this.scrollToTarget(invocation?.caller) ); this.registerAction( 'setTarget', (invocation) => this.setTarget(invocation?.args?.containerId, invocation?.args?.targetId) ); } /** * @param {Element} element * @param {Element} container * @return {number} * @private */ getOffsetTop_(element, container) { if (!element./*OK*/ getClientRects().length) { return 0; } const rect = element./*OK*/ getBoundingClientRect(); if (rect.width || rect.height) { return rect.top - container./*OK*/ getBoundingClientRect().top; } return rect.top; } } SPZ.defineElement('spz-custom-anchor-scroll', SpzCustomAnchorScroll); const STRENGTHEN_TRUST_URL = "/api/strengthen_trust/settings"; class SpzCustomStrengthenTrust extends SPZ.BaseElement { constructor(element) { super(element); this.renderElement_ = null; } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER; } buildCallback() { this.xhr_ = SPZServices.xhrFor(this.win); const renderId = this.element.getAttribute('render-id'); SPZCore.Dom.waitForChild( document.body, () => !!document.getElementById(renderId), () => { this.renderElement_ = SPZCore.Dom.scopedQuerySelector( document.body, `#${renderId}` ); if (this.renderElement_) { this.render_(); } this.registerAction('track', (invocation) => { this.track_(invocation.args); }); } ); } render_() { this.fetchData_().then((data) => { if (!data) { return; } SPZ.whenApiDefined(this.renderElement_).then((apis) => { apis?.render(data); document.querySelector('#strengthen-trust-render-1539149753700').addEventListener('click',(event)=>{ if(event.target.nodeName == 'A'){ this.track_({type: 'trust_content_click'}); } }) }); }); } track_(data = {}) { const track = window.sa && window.sa.track; if (!track) { return; } track('trust_enhancement_event', data); } parseJSON_(string) { let result = {}; try { result = JSON.parse(string); } catch (e) {} return result; } fetchData_() { return this.xhr_ .fetchJson(STRENGTHEN_TRUST_URL) .then((responseData) => { if (!responseData || !responseData.data) { return null; } const data = responseData.data; const moduleSettings = (data.module_settings || []).reduce((result, moduleSetting) => { return result.concat(Object.assign(moduleSetting, { logos: (moduleSetting.logos || []).map((item) => { return moduleSetting.logos_type == 'custom' ? this.parseJSON_(item) : item; }) })); }, []); return Object.assign(data, { module_settings: moduleSettings, isEditor: window.self !== window.top, }); }); } } SPZ.defineElement('spz-custom-strengthen-trust', SpzCustomStrengthenTrust);

Description

Product Description

This Soft Ruffle Hem Midi Dress blends effortless comfort with feminine detail. The midi-length silhouette gently skims the body and finishes with a soft, flouncy ruffle at the hem that adds movement and charm. Crafted from a lightweight, drapey fabric, the dress is designed for all-day wear — versatile enough for casual weekends and easy to dress up for evenings out.

Key Features

  • Midi length that falls between knee and mid-calf for a modern, versatile look.
  • Soft ruffle hem creates graceful movement and a romantic finish.
  • Lightweight, breathable fabric with a smooth drape for comfortable wear.
  • Flattering, easy-to-wear silhouette suitable for a variety of body shapes.
  • Clean, simple neckline and minimal detailing that make it a wardrobe staple.
  • Low-maintenance care: easy to launder and quick to dry (follow garment care label).

How to Style

  • Day look: pair with white sneakers or flat sandals and a crossbody bag for an effortless daytime outfit.
  • Office-friendly: add a tailored blazer and block-heel pumps to make the dress work-appropriate.
  • Evening: elevate with strappy heels, statement earrings, and a clutch for a polished night-out ensemble.
  • Layering: throw on a denim jacket or lightweight cardigan during cooler days; add a slim belt to define the waist for a more structured silhouette.

Summary

The Soft Ruffle Hem Midi Dress is a versatile, feminine piece that pairs comfort with subtle detailing. Its flowing fabric and ruffled hem provide movement and visual interest, while the clean silhouette makes it easy to style for multiple occasions. A dependable wardrobe essential that transitions smoothly from casual to dressed-up looks.