<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>
Casual long-sleeve tops under $30 bring an easygoing feel to coffee runs, lunch dates, and low-key weekends. These everyday styles offer the sleeve coverage you’re looking for at prices that leave room for your plans.
Coffee meetups, casual Fridays, and unhurried weekends set the scene for casual long-sleeve tops under $30. These everyday pieces bring an easy, put-together feel to plans that stay relaxed, whether the afternoon involves a lunch reservation or a little neighborhood wandering. Long sleeves offer extra coverage for cool mornings and breezy evenings, giving this wardrobe staple a place well beyond a single season. The appeal is in that balance of casual style and everyday usefulness: a top that feels right for a familiar routine and the spontaneous dinner invitation that changes it. With a budget under $30, a fresh addition can feel like a small treat. Women’s casual long-sleeve tops also suit the quieter moments on a busy calendar, from a bookstore visit to a low-key date. The mood is approachable and polished, with enough ease for daytime plans and enough presence for a catch-up over dinner. For an everyday wardrobe, long-sleeve shirts offer a familiar starting point that still leaves room for personal taste. Casual doesn’t have to mean an outfit feels unfinished; sometimes, a simple top is exactly right for the setting. Affordable long-sleeve tops under $30 keep the focus on getting dressed for real life, where the best plans are often the ones that unfold naturally.