


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

Accessories/Hats

Ships Free

Almost Gone

Tanned & Tipsy Snap Back Trucker Hat

$7.97$15.9050% off

Secure payment in seconds

Free shipping on orders over $75

View shipping policy

details

With an embroidered front script, mesh back panel, and adjustable snap back closure, this hat’s coming to every pool party, lake day, and “just one drink” moment.

Fit & Features