


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

Sale

Sea Slayin' Cabby Hat

$7.97 $15.90 50% Off

Color

Size

Color:NATURAL

Size:NS

Size Guide

Unavailable in your size? Join the Waitlist

Check availability at Windsor stores near you We're unable to put store items on hold. Availability in store isn't guaranteed.

View Details

details

You keep slayin' in this high-seas inspired hat. This cap features a faux leather contrast, a braided detail with button detail, and has a textile main.

Style #