Hats
Hats
{% if products.length > 1 %}{{ products.length }} results{% endif %}
- CCS Social Camouflage Embroidered Hat - Timber
- CCS Social Camouflage Patch Trucker Hat - Timber
- CCS Icon Snapback Hat - Navy/Rust
- CCS Icon Snapback Hat - Maroon/Black
- CCS Icon Snapback Hat - Green/Brown
- Hockey Embossed Hat - Black
- Jones Division Dad Hat - Fern
- Welcome Splinter Hat - White/Camo
- Jones Mt. Hood Rope Hat - Black
- Jones Birdie Curved Snapback Hat - Black
- Jones Birdie Dad Hat - Navy
- Jones Circle Patch Hat - Camo
- Welcome Splinter Hat - Black/Camo
- Jones Cocktails Dad Hat - White
- Jones First Class Rope Hat - Black
- Welcome Caste Hat - Navy/White
- Hockey Embossed Hat - Forest Green
- Foundation Otis B 43ver Hat - Black
- Hockey Truck Stop 3 Hat - Navy
- Opera Corduroy Hat - Black
- Hockey Truck Stop 3 Hat - Black
- CCS Social Camouflage Embroidered Hat - Edge
- Shake Junt Dawg Snapback Hat - Black
- CCS Social Camouflage Patch Trucker Hat - Edge
- Alien Workshop Parenthesis Hat - Black
- Alien Workshop Bolts Hat - White
- Grizzly Por Vida Trucker Hat - Black/White
- Girl Gridbox 5 Panel Hat - Grey
- Grizzly Fire Starter Trucker Hat - Black
- Creature Web Snapback Hat - Olive
- Grizzly Keys Open Doors Snapback Hat - Black
- Creature Web Snapback Hat - Black
- Rhythm Hills Trucker Hat - Pine
- Mitchell & Ness x MLB Overload Giants Trucker Hat - Black
- Grizzly Fire Starter Dad Hat - Black
- Mitchell & Ness x NBA Neon Logo Pro Lakers Snapback Hat - Black
- Baker Yeller Trucker Hat - Dark Green
- Mitchell & Ness x NHL Neon Logo Pro Red Wings Snapback Hat - Black
- Independent BTG Summit Snapback Hat - Brown
- Mitchell & Ness x MLB Neon Logo Pro Coop Angels Snapback Hat - Black
- Santa Cruz OG TTE Mesh Trucker Hat - Dusty Brown
- Mitchell & Ness x MLB Neon Logo Pro Braves Snapback Hat - Black
- Mitchell & Ness x NHL Logo Eclipse Vintage Kings Snapback Hat - Purple
- Mitchell & Ness x NBA Logo Eclipse Lakers Snapback Hat - Purple
- CCS x Mitchell & Ness Hoops Hat - Black/Royal
- Doom Sayers Corp Cop Trucker Hat - Black/White
- Doom Sayers Up Yours Hat - Black/White
- Independent BTG Summit Printed Mesh Trucker Hat - Black/Camo
- Independent Summit Scroll Camp Hat - Charcoal/Khaki
- Mitchell & Ness x MLB Neon Logo Pro Pirates Snapback Hat - Black
- Santa Cruz Screaming Hand Front Mesh Trucker Hat - Burgundy/Grey/Gold
- Mitchell & Ness x NBA Merlot Shine Lakers Snapback Hat - Maroon
- Dark Seas x Jaws Hooper Hat - Indigo
- Dark Seas x Jaws Gary Hat - Indigo
- Santa Cruz Collegiate Strapback Hat - Eco Grey
- Independent Groundwork Snapback Unstructured Hat - Grey/Black
- Dakine Core Badge Ball Hat - Bright White
- Dakine All Sports Trucker Hat - Moonless Night
- Dakine All Sports Patch Ball Hat - Silver Lining
- Lakai Fielder Snapback 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 %}
{% if banner.apply_whole %}
![]()
{% else %}
![]()
{% endif %}
{% endif %}
{% endfor %}
{% endfor %}
{{banner.heading}}
{{banner.subheading}}
{% 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 %}
{% assign hoverVideo = product.hover_video %}
{% assign hoverExternalVideo = product.hover_external %}
{% 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.title }}]()
{% 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 %}
{% unless hoverVideo != blank or hoverExternalVideo != blank %}
{% if hoverImage != blank %}
{% unless product.tags contains 'Graphic Overlay' or product.hover_image_alt contains 'swatch' %}
![{{ product.hover_image_alt }}]()
{% endunless %}
{% endif %}
{% else %}
{% if hoverVideo != blank %}
{% elsif hoverExternalVideo != blank %}
{% endif %}
{% endunless %}
{%- if product.member_exclusive contains 'coming_soon' or product.member_exclusive contains 'member_active' -%}
{%- assign year = product.member_end | split: '/' | last | prepend: '/' -%}
{%- assign date = product.member_end | remove: year -%}
{%- if product.member_exclusive contains 'coming_soon' -%}
{%- assign year = product.member_start | split: '/' | last | prepend: '/' -%}
{%- assign date = product.member_start | remove: year -%}
{%- endif -%}
{%- capture member_active_text -%}CCS+ Exclusive through {{ date }}{%- endcapture -%}
{%- capture coming_soon_text -%}CCS+ Exclusive starting {{ date }}{%- endcapture -%}
{%- assign member_text = member_active_text -%}
{%- if product.member_exclusive contains 'coming_soon' -%}
{%- assign member_text = coming_soon_text -%}
{%- endif -%}
{{ year }}
{{ date }}
{{ member_text }}
{%- endif -%}
{% assign crop = 'crop_height=64&crop_left=430&crop_top=472&crop_width=64' %}
{% if 'Skateboard Deck, Skateboard Complete' contains product.type %}
{% assign crop = 'crop_height=64&crop_left=230&crop_top=472&crop_width=64' %}
{% endif %}
{% for badge in productBadges %}
{% if product.tags contains badge.tag and badge.tag != 'more-colors' %}
{% if product.reviews %}
{% assign to_half = product.reviews.rating | round:1 | divided_by: 0.5 | round | times: 0.50 %}
{{ badge.collection_badge }}
{% endif %}
{% endfor %}
{%- assign option_value_data = '' -%}
{%- for option in product.options_with_values -%}
{%- if option.name == 'Title' %}{%- continue -%}{%- endif -%}
{%- unless siblingRange[product.type] contains option.name -%}{%- continue -%}{%- endunless -%}
{%- if option.values.size == 0 -%}{%- continue -%}{%- endif -%}
{%- assign option_values = option.values | sort -%}
{%- if option.values.size == 1 -%}
{%- assign option_value_data = option_values | first -%}
{%- else -%}
{%- assign option_values_last = option_values | last -%}
{%- assign option_value_data = option_values | first | append: ' - ' | append: option_values_last -%}
{%- endif -%}
{%- endfor -%}
{%- if option_value_data == '' and siblingRange[product.type] contains 'Title' -%}
{%- assign title_segments = product.title | split: ' - ' -%}
{%- endif -%}
{{- option_value_data -}}
{% 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 %}
{{ vendor_tag }}
{% endif %}{{ productTitle }}
{% assign discount_amount = product.price | divided_by: product.compare_price | times: -100 | plus: 100 | round %} {%- capture discount_text -%} [discount]% off {%- endcapture -%}
{%- if compare_min < compare_max -%}
{%- assign before_text = 'From ' -%}
{%- endif -%}
{%- if product.compare_price > product.price and discount_amount > 10 -%}
{{ before_text }}
{{ product.price | money }}
{{ product.compare_price | money }}
{%- else -%}
{{ product.price | money }}
{%- endif -%}
{%- if discount_amount > 10 -%}
{{ discount_text | replace: '\[discount\]', discount_amount }}
{%- 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
If you’re looking for skate hats, CCS has you covered with a full selection of mesh-back trucker hats, corduroy hats, dad hats, reversible bucket hats, campers, boonies, snapbacks, strapbacks, and flexfit. What was once simply a means of keeping the sun out of your eyes and the elements off your head has become one of the premier locations for graphics and logos. A skate hat literally tops off a skater's clothes, so you want to make sure you’ve got the right fit and the right look.
First of all, you’re going to want to rep a brand you respect. Be it core skate brands like Baker, Santa Cruz, or Thrasher, skate-specific apparel brands like Former or RVCA, or world-class haberdashers like Brixton or New Era, that logo is gonna be the first thing people see, so make it count. Next up will be your personal preference for adjustability, usually a plastic snapback or leather or fabric strap.
And finally, pay attention to the CCS product descriptions so you can get the right fit. Most hats are mid-profile that sit slightly above the ear, only you will know how deep a dish your dome is going to need. Other features to ponder are ventilation eyelets, a curved or straight brim, materials, and structure.
Your skater hat is your crowning glory so don’t mess around. Remember, there are no bad hair days when your wearing your favorite hat.