<div class="CartProduct" data-id="[[ id ]]" data-options="[[ variant_title ]]" data-product-id="[[ product_id ]]">
<div class="CartProduct--inner">
<div class="CartProduct__image [[ is_disabled ]]">
<a href="[[ url ]]">
[[ formatted_image ]]
</a>
</div>
<div class="CartProduct__info-wrapper">
<div class="CartProduct__info">
<a class="CartProduct__title" href="[[ url ]]">[[ product_title ]]</a>
<div class="CartProduct__row">
<div class="CartProduct__row-item">
##OPTIONS##
<div class="CartProduct__options">
<div class="CartProduct__options-title">
<span class="CartProduct__title--original">[[ variant_title ]]</span>
<div class="CartProduct__title--optimizely">
<span class="CartProduct__options-label">[[ options_with_values.0 ]]</span>:
<span class="CartProduct__options-value">[[ variant_options.0 ]]</span>
</div>
<div class="CartProduct__title--optimizely">
<span class="CartProduct__options-label">[[ options_with_values.1 ]]</span>:
<span class="CartProduct__options-value">[[ variant_options.1 ]]</span>
</div>
</div>
</div>
##OPTIONS##
##QUANTITY_SELECTOR##
<div class="CartProduct__quantity [[ has_discount ]]" data-label="QTY">
<div class="CartProduct__quantity--original">
<label for="quantity_[[ key ]]">QTY</label>
<div class="Quantity__button Quantity__button--left" data-quantity-minus><i class="far fa-minus }}"></i></div>
<input
class="Quantity__input Quantity__input--readonly"
type="number"
name="quantity"
value="[[ quantity ]]"
min="0"
data-quantity-input
data-quantity-debounce="[[ key ]]"
readonly
>
<div class="Quantity__button Quantity__button--right" data-current-quantity="[[ quantity ]]" data-quantity-plus><i class="far fa-plus }}"></i></div>
</div>
<select name="quantity" id="quantity_[[ key ]]" aria-label="Translation missing: en.cart.general.item_quantity">
##QUANTITIES##
<option value="[[ quantity_index ]]" [[ selected ]]>[[ quantity_index ]]</option>
##QUANTITIES##
</select>
<div class="CartProduct__remove" data-cart-remove data-product-id="[[ product_id ]]"><i class="far fa-times"></i></div>
</div>
##QUANTITY_SELECTOR##
</div>
<div class="CartProduct__row-item">
[[ final_sale ]]
<div class="CartProduct__price [[ discounted ]]" data-label="Price">[[ formatted_price ]]</div>
</div>
</div>
</div>
<div class="CartProduct__addons">
<div class="CartProduct__addons-item">
##DISCOUNT_DESCRIPTION##
<div class="CartProduct__discount" hide-international>[[ discount_description ]]</div>
##DISCOUNT_DESCRIPTION##
</div>
<div class="CartProduct__remove" data-cart-remove data-product-id="[[ product_id ]]">Remove</div>
</div>
</div>
</div>
</div>
Dinner dates take a romantic turn with handkerchief midi skirts, defined by pointed hems and fluid, uneven draping. The silhouette brings movement to candlelit dinners, birthday reservations, and cocktails afterward, with gathered details adding interest at the waist. These going-out skirts keep the mood polished and a little playful, letting a distinctive hemline do the talking.
The appeal of a handkerchief midi skirt starts with its hem: pointed sections fall at different levels, giving the silhouette a natural sense of motion. The depth of those points and the fullness of the skirt shape the overall effect, lending anything from subtle movement to a more dramatic drape. For dinner dates, that flowing outline brings a romantic mood to the evening, with enough visual interest to feel considered from the restaurant entrance to a late-night stop for dessert. Fabric and waist construction give this silhouette its personality. Soft knits lend themselves to fluid folds, and mesh or lace introduces texture that adds dimension to the drape. Ruching creates gathered definition around the waist; a drawstring brings a visible tie detail into focus. Lining and slit placement also influence coverage and movement, making them meaningful details within the same skirt category. Together, these elements shape how relaxed or dressed-up a handkerchief midi feels for an intimate dinner, birthday celebration, or evening party.