<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 and party plans get a little more luminous with beaded mesh tops. Draped ponchos, halters, and camis put beadwork at the center of the look, with mesh adding an airy, subtly daring feel. These dressy tops bring texture and movement to evenings that start with reservations and carry on through the last toast.
The character of a beaded mesh top comes through in the placement of its embellishment. Beaded trim gives a tie or edge a distinctive finish, and allover beadwork creates a more intricate surface that catches the evening light. Printed mesh adds another layer of interest, with floral designs bringing a romantic mood to dinner dates and celebrations. The balance of embellishment and visible fabric shapes the overall effect, giving this going-out category room for delicate accents and more richly detailed designs. Silhouette brings its own personality to after-dark plans. A cape-like poncho has a fluid drape that feels at home at a cocktail gathering, a halter draws attention to the neckline and shoulders, and a cami offers a strappy shape with easy movement. Coverage is another defining detail: lining can be limited to the bust or extend through more of the top, leaving different areas of mesh visible. Neckline, back design, and lining all contribute to how dressed-up or revealing a piece feels for the evening ahead.