<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>
Try it on virtually in-app!
Try it on virtually in-app!
Extra 20% Off with SOEXTRA20
Try it on virtually in-app!
In App Only- 20% Off Vacation Styles