Shorts
{% if products.length > 1 %}{{ products.length }} results{% endif %}
- CCS Swim Club Hybrid Shorts - Maroon
- CCS Hammer Loop Jean Shorts - Overdyed Navy
- CCS Standard Plus Chino Shorts - Chocolate
- CCS Trail Mix Corduroy Shorts - Olive
- CCS 96 Neo Logo Shorts - Black/Green
- CCS Logo Rubber Patch Sweat Shorts - Army Green
- Nike SB 6 Pocket Skate Shorts - Black
- Carpet Company Bizzaro Sweat Shorts - Yellow
- Vans Womens Armanto Skate Legging Shorts - Black
- CCS Hammer Loop Jean Shorts - Bleach Wash
- RIPNDIP Fuckin Fuck Denim Shorts - Black
- Vans Authentic Chino Relaxed Shorts - Black
- RVCA x Mister Cartoon Smile Boardshorts - Black
- Quasi Rematch Shorts - Navy
- 686 Everywhere Hybrid Relaxed Fit Shorts - Charcoal
- CCS Standard Plus Chino Shorts - Grey
- Adidas Water Shorts - Black
- Welcome League Mesh Basketball Shorts - Forest
- CCS 96 Neo Logo Shorts - Navy/Red
- Vans Drill Chore Loose Denim Shorts - Stone Wash
- CCS Logo Rubber Patch Sweat Shorts - Khaki
- CCS Logo Rubber Patch Sweat Shorts - Black
- CCS Chino Shorts - Light Khaki
- CCS Logo Rubber Patch Sweat Shorts - Heather Grey
- CCS Relaxed Chino Shorts - Navy
- CCS Trail Mix Corduroy Shorts - Black
- CCS Trail Mix Corduroy Shorts - Emerald
- Dickies 67 Collection Cargo Shorts - Moss Green
- Dickies 67 Collection Cargo Shorts - Desert Sand
- CCS Relaxed Chino Shorts - Light Khaki
- CCS Chino Shorts - Navy
- Adidas Tyshawn Shorts - Collegiate Green
- Volcom Womens Stone Step Hirise Shorts - Thrifter Blue Light
- The Quiet Life Pool Beach Shorts - Blue
- Brixton Womens Christina Short Overall Shorts - Indigo Rinse
- RVCA Ptc Elastic Shorts - Spinach
- Nike SB 6 Pocket Skate Shorts - Midnight Navy
- Vans Authentic Chino Relaxed Shorts - Asphalt
- Roark Passage Oscura Boardshorts - Charcoal
- Nike SB Coastal Mexico Boardshorts - Doll
- CCS Hammer Loop Jean Shorts - Acid Wash Black
- CCS Standard Plus Chino Shorts - Black
- CCS Standard Plus Chino Shorts - Khaki
- CCS Trail Mix Corduroy Shorts - Camel
- HUF Packable Tech Shorts - Multi
- HUF Womens Tiedye Mesh Shorts - Blue
- HUF x X-Girl Womens Sound Resort Shorts - Black
- Quasi Rematch Shorts - Wheat
- Quasi Solo Shorts - Moss
- Brixton Choice Chino Shorts - Brown Houndstooth
{% 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
As the weather and the skate session heats up, you’re going to want to keep cool, and look cool, in a fresh pair of shorts. CCS carries all styles of skater shorts from your favorite skateboarding and streetwear brands. And for those riders looking to stay in style on a budget, we makes our own line of CCS skateboarding shorts in a variety of styles and materials.
From baggy denim ‘jorts’ to classic chinos to rugged corduroy of all lengths, we’ve got tons of shorts options for every scenario. You’ll find slick sports shorts for the gym to swim trunks and boardshorts to take it to the water. Whether you’re looking for basketball-inspired shorts from HUF to a wild artist-collab print from RVCA, we even have leggings and shorts for women (and the fellas, why not?). Stay in the vanguard with trending shorts skate brands like Quasi, Welcome, and Polar, match your shorts to your footwear with styles from Nike SB and Vans, or stick to classic apparel brands like Volcom, Dickies, Brixton. No matter how you wear ‘em, your shins will be smiling in the sun when you roll with skateboard shorts from CCS.