Hats
{% if products.length > 1 %}{{ products.length }} results{% endif %}
- Creature Logo Mesh Trucker High Profile Hat - Black
- Brixton Oath III Snapback Hat - Black
- Toy Machine Bloodshot Hat - Black
- CCS 96 Logo Cord Snapback Hat - Dark Green
- Vans Salton II Jockey Hat - Black/White
- CCS 96 Logo Denim Snapback Hat - Medium Wash
- Toy Machine American Monster Unstructured Hat - Black
- Thrasher Corduroy Old Timer Hat - Black
- Thrasher Calligraphy Snapback Hat - Black
- Santa Cruz Classic Dot Mesh Trucker Hat - Black/White
- Santa Cruz Screaming Hand Trucker Hat - Black
- Brixton Crest C Mp Snapback Hat - Black
- Santa Cruz Classic Snapback Mid Profile Hat - Black
- CCS Catalog Sketch Snapback Hat - Black
- CCS 96 Logo Cord Snapback Hat - Black
- Thrasher Embroidered Outlined Mesh Hat - Navy Blue
- CCS 96 Logo Denim Snapback Hat - White
- Santa Cruz Screaming Hand Front Mesh Trucker Hat - White/Black
- Nixon Team Trucker Hat - Black
- Creature Support Patch Snapback Hat - Black
- Dark Seas Species Hat - Black
- Santa Cruz Classic Dot Mesh Trucker Hat - Black
- Nixon Team Trucker Hat - Black/Red/White
- CCS Catalog Sketch Snapback Hat - Blue
- Nixon Iconed Trucker Hat - Khaki/Black
- Nixon Mikey Strapback Hat - Black
- Brixton Alpha Block X C Mp Mesh Hat - Black
- Thrasher Embroidered Flame Logo Hat - Black
- Herschel Supply Whaler Mesh Classic Logo Hat - Black Classic Label
- Thrasher Godzilla Flame Snapback Hat - Black
- Coal The Whidbey Hat - Wheat
- Brixton Palmer Proper X Mp Snapback Hat - Black
- Brixton Alpha Square Mp Snapback Hat - Black/Black
- Brixton Alpha Square Mp Snapback Hat - Heather Grey/Black
- Pendleton National Park Trucker Hat - Charcoal
- RVCA Commonwealth Snapback Hat - Black/White
- Chocolate Og Script Hat - Bone
- Creature Reverse Patch Mesh Trucker Hat - Black/White
- Independent B/C Groundwork Snapback Hat - Black
- Independent B/C Groundwork Snapback Hat - Grey/Black
- Santa Cruz Screaming Hand Trucker Hat - Forest/White
- Volcom Full Stone Flexfit Hat - Mossstone
- Volcom Full Stone Flexfit Hat - Military
- Volcom Skate Vitals Adjustable Hat - Black
- Welcome Thorns Trucker Hat - Gold
- Brixton Steadfast Hp Mesh Hat - Black
- RVCA Va Patch Snapback Hat - Black
- Brixton Linwood C Mp Snapback Hat - Military Olive
- Coal The Mac Hat - Black
- Converse Cons Cap MPU Hat - Black
{% for product in loader.activeProducts %}
{% for banner in collectionBanners %}
{% if Filters.native.size > 0 and banner.sub == false %}{% continue %}{% endif %}
{% if banner.position == product.position %}
![]()
{% endif %}
{% endfor %}
{% endfor %}
{% assign display_wishlist = true %}
{% for tag in Wishlist.data.exclusions %}
{% if product.tags contains tag %}
{% assign display_wishlist = false %}
{% endif %}
{% endfor %}
{% if product == blank %}
{% assign product = Product %}
{% endif %}
{% if display_wishlist %}
{%- if wishlist == blank -%}
{% assign wishlist = Wishlist.data.items | map: 'handle' %}
{% if wishlist[0] == null %}
{% assign wishlist = data.items | map: 'handle' %}
{% endif %}
{%- endif -%}
{%- assign p_title = product.title | replace: '"', '”' -%}
{%- capture wishlist_add -%}
event.preventDefault();
Wishlist.add({
handle: '{{ product.handle }}',
type: '{{ product.type | escpae }}',
image: '{{ product.featured_image }}',
{%- if variant -%}variant: {{ variant.id | json }},{%- endif -%}
title: `{{ p_title }}`
});
[this, _n.sibling(this, '.wishlist__button')].forEach(function(button) { button.classList.toggle('dn')});
{%- endcapture -%}
{% endif %}
{% assign productImage = product.featured_image %}
{% assign hoverImage = product.hover_image %}
{% capture productImageRepsonsive %}
{%- if productImage != blank -%}
{%- if product.featured_image_width > 180 -%}{{ productImage | img_url: '180x' }} 180w {{ 180 | divided_by: product.featured_image_aspect_ratio | round }}h,{%- endif -%}
{%- assign image_size = product.featured_image_width | append: 'x' -%}
{{ productImage | img_url: image_size }} {{ product.featured_image_width }}w {{ product.featured_image_height }}h
{%- endif -%}
{% endcapture %}
![{{ product.featured_image_alt }}]()
{% capture hoverImageRepsonsive %}
{%- if hoverImage != blank -%}
{%- if product.featured_image_width > 180 -%}{{ hoverImage | img_url: '180x' }} 180w {{ 180 | divided_by: product.featured_image_aspect_ratio | round }}h,{%- endif -%}
{%- assign image_size = product.featured_image_width | append: 'x' -%}
{{ hoverImage | img_url: image_size }} {{ product.featured_image_width }}w {{ product.featured_image_height }}h
{%- endif -%}
{% endcapture %}
{% if hoverImage != blank %}{% unless product.tags contains 'Graphic Overlay' %}
![{{ product.hover_image_alt }}]()
{% endunless %}{% endif %}
{% if product.reviews %}
{% assign to_half = product.reviews.rating | round:1 | divided_by: 0.5 | round | times: 0.50 %}
{% for badge in badges %}
{% if product.tags contains badge.tag and badge.tag != 'more-colors' %}
{{ badge.collection_badge }}
{% endif %}
{% endfor %}
{% if product.siblings.size > 0 %}
{% for sib in product.siblings %}
{% if forloop.index < 4 %}
{% unless sib.image_url == blank %}
{% endunless %}
{% elsif forloop.index == 4 %}
{% for tag in product.tags %}
{% if tag contains 'Vendor' %}
{% assign vendor_tag = tag | remove: 'Vendor:' %}
{% assign vendor_collab = vendor_tag | append: ' x' %}
{% break %}
{% endif %}
{% endfor %}
{% if product.siblings.size > 0 %}
{% assign productTitle = product.title | split: ' - ' | first %}
{% else %}
{% assign productTitle = product.title | remove: product.type | split: '-' %}
{% endif %}
{% assign productTitle = product.title | split: ' - ' | first %}
{% unless product.title contains vendor_collab %}
{% assign productTitle = productTitle | remove: vendor_tag %}
{% endunless %}
{% if vendor_tag != blank %}
+ {{ product.siblings | size | minus: 3 }}
{% break %}
{% endif %}
{% endfor %}
{% endif %}
{{ vendor_tag }}
{% endif %}{{ productTitle }}
{% for badge in badges %} {% if product.tags contains badge.tag and badge.tag == 'more-colors' %} {{ badge.collection_badge }} {% endif %} {% endfor %} {% if product.siblings.size > 0 %}{{ product.siblings.size | plus: 1}} Color{% if product.siblings.size >= 1 %}s{% endif %}
{% endif %}
{% assign discount_amount = product.price | divided_by: product.compare_price | times: -100 | plus: 100 | round %}
{%- assign range = false -%}
{%- assign min = product.price_min -%}
{%- assign compare_min = product.compare_min -%}
{%- assign max = product.price_max -%}
{%- assign compare_max = product.compare_max -%}
{%- assign before_text = '' -%}
{%- assign min_class = '' -%}
{%- assign max_class = '' -%}
{%- if product.siblings.size > 0 -%}
{%- for sibling in product.siblings -%}
{%- assign sibling_price = sibling.price | times: 100 -%}
{%- assign sibling_compare = sibling.compare_at_price | times: 100 | round -%}
{%- if sibling_price < min -%}
{%- assign min = sibling_price -%}
{%- assign compare_min = sibling_compare -%}
{%- endif -%}
{%- if sibling_price > max -%}
{%- assign max = sibling_price -%}
{%- assign compare_max = sibling_compare -%}
{%- endif -%}
{%- endfor -%}
{%- endif -%}
{% assign discount_amount = max | divided_by: compare_max | times: -100 | plus: 100 | round %}
{%- if max < compare_max and discount_amount > 10 -%}
{%- assign max_class = 'dark-red' -%}
{%- endif -%}
{% assign discount_amount = min | divided_by: compare_min | times: -100 | plus: 100 | round %}
{%- if min < compare_min and discount_amount > 10 -%}
{%- assign min_class = 'dark-red' -%}
{%- endif -%}
{%- if compare_min < compare_max -%}
{%- assign before_text = 'From ' -%}
{%- endif -%}
{% assign min = min | round %}
{% assign max = max | round %}
{%- if min < max -%}
{%- assign range = true -%}
{%- endif -%}
{%- if range == true -%}
{{ before_text }} {{ min | money }} - {{ max | money }}
{%- else -%}
{% assign discount_amount = product.price | divided_by: product.compare_price | times: -100 | plus: 100 | round %}
{%- if product.compare_price > product.price and discount_amount > 10 -%}
{{ before_text }}
{{ product.price | money }}
{{ product.compare_price | money }}
{%- else -%}
{{ product.price | money }}
{%- endif -%}
{%- endif -%}
{% for i in (1..5) %}
{% endfor %}
({{ product.reviews.count }})
{% endif %}
{% unless total_pages == 1 or total_pages == 0 %}
{% endunless %}
{% assign active = 'dim' %}
{% if current_page == 1 %}
{% assign active = 'o-50 pointer-none' %}
{% endif %}
{% for i in pages %}
{% assign pageoffset = current_page | minus: i | abs %}
{% if pageoffset != 0 and pageoffset != 1 and pageoffset != 2 pageoffset != 3 %}{% continue %}{% endif %}
{% assign active = '' %}
{% if current_page == i %}
{% assign active = 'brand' %}
{% endif %}
{% assign last_page_shown = i %}
{% endfor %}
{% assign active = 'dim' %}
{% if current_page == total_pages %}
{% assign active = 'o-50 pointer-none' %}
{% endif %}
{% if last_page_shown != total_pages %}
...
{% endif %}
Loading Products