<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>
Garden party jumpsuits set a fresh, polished mood for lawn-side brunches, outdoor birthdays, and afternoon celebrations. Wide-leg silhouettes bring an easy elegance, while cropped jumpsuits offer a clean, modern shape for daytime plans. Halter necklines and defined bodices add a dressed-up feel, keeping the focus on a one-piece look that feels right among the flowers and just as at home at the patio table.
The invitation sets the tone for garden party attire, whether the afternoon involves a backyard birthday lunch or a cocktail reception among the blooms. A jumpsuit’s neckline, bodice, and finish all contribute to its level of formality. Corset-inspired shapes create definition, ruching adds dimension, and floral appliqués bring a romantic nod to the setting. Polka dots have a playful daytime feel, with solid colors offering their own polished take on outdoor occasion dressing. Each detail helps establish the mood of the one-piece look. Silhouette gives garden party jumpsuits another point of distinction. Wide-leg shapes create a sweeping line, and capri lengths give the category a crisp, cropped proportion. Halter necklines frame the shoulders, while open backs add a more revealing element that matters for the event’s dress code. Length, coverage, and embellishment work together to determine how relaxed or formal a jumpsuit feels. For celebrations that continue into an evening on the terrace, those details carry the look through changing light and a more dressed-up atmosphere.