How to Transition Maxi Dresses to Fall | Windsor




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

About the author

Melissa Casas

Explore the Windsor Blog

FALL HOW TO STYLE PLAYLIST

Related Posts

How to Dress for a Cold Night Out (and Still Look Cute)

Oct 14, 2026

Read More

12 Cute & Sexy DIY Halloween Outfits

Aug 31, 2026

Read More

How to Accessorize Your Homecoming Dress

Aug 28, 2026

Read More

How To Pick the Most Flattering Homecoming Dress

Jul 31, 2026

Read More

5 Ways To Tie a Scarf for Summer

Jul 29, 2026

Read More

Homecoming Dress Shopping 101

Jul 08, 2026

Read More

Four Unexpected Summer Color Combo Outfits

Jul 03, 2026

Read More

What are jorts? (5 ways to make them look cute)

Jun 24, 2026

Read More

How To Wear a Poncho Top

Jun 19, 2026

Read More

Hide Bar End Preview