


<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>

Clothing/Bottoms/Shorts

Ships Free

Almost Gone

Off Balance Asymmetrical Hem Romper

$6.97$36.9081% off

Secure payment in seconds

Free shipping on orders over $75

View shipping policy

details

The best things in life aren't always linear. Strut it in this chic and comfy romper! It's the ideal lewk for that brunch you got planned with your gals