Volcom Shorts

Volcom Shorts Skip to content {% assign primary_count = 0 %} {% for item in items %} {% unless item.properties._bundle == 'component' %} {% assign primary_count = primary_count | plus: 1 %} {% endunless %} {% endfor %} {{ primary_count }} = 1)" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"> = 1" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" fill="#4c9fd8" stroke="#4c9fd8"> Free Shipping + Free Returns See Details CCS home New Skate Shoes Clothing Accessories Made by CCS Customs Team Brands CCS+ Sale search Search search wishlist-heart account cart cart-count menu Buy One, Get One 50% Off - CCS Pants & Shorts plus minus x Home / Clothing / Volcom / {%- if collection.filters and collection.filters.applied -%} {%- assign breadcrumb_categories = collection.filters.applied.tags_category -%} {%- assign breadcrumb_vendors = collection.filters.applied.tags_vendor -%} {%- if breadcrumb_categories and breadcrumb_categories.size {{ category }} / {%- endfor -%} {%- endif -%} {%- if breadcrumb_vendors and breadcrumb_vendors.size {{ vendor }} / {%- endfor -%} {%- endif -%} {%- endif -%}

3">Volcom Clothing 3"> {% assign collection_title = 'Clothing' %} {%- if collection.filterRoutes.handle or collection.filterRoutes.route or collection.handle != 'shorts' -%} {% assign new_title = '' %} {%- if collection.filterRoutes.route and collection.filterRoutes.route.key contains 'vendor' -%} {% assign route = collection.filterRoutes.route.values | first | append: ' ' %} {{ route }} {% assign new_title = route %} {%- endif -%} {%- if collection.filterRoutes.handle.values.size > 0-%} {% assign title_handle = collection.filterRoutes.handle.values | first %} {{ title_handle }} {% assign new_title = new_title | append: title_handle %} {%- else -%} {{ collection_title }} {% assign new_title = new_title | append: collection_title %} {%- endif -%} {%- if collection.filterRoutes.route and collection.filterRoutes.route.key contains 'category' -%} {% assign route = collection.filterRoutes.route.values | first | prepend: ' ' %} {%- unless new_title contains route -%} {{ route }} {% assign new_title = new_title | append: route %} {%- endunless -%} {%- endif -%} {%- else -%} {%- endif -%}

Filters plus x Sort By: Most Relevant {% for option in collection.sort_options %} {{ option.label }} {% endfor %}

Refine by:

{% for filter in collection.filters.applied %} {% assign filter_name = filter | first %} {% assign filter_options = filter | last %} {% assign filter_config = collection.filters.all | where: 'key', filter_name | first %} {% for option in filter_options %} {% assign option_handle = option | url_decode | handle %} {% assign option_config = filter_config.options | where: 'handle', option_handle | first %} {% if option_config == blank and option contains '>>>' %}{% continue %}{% endif %} {%- if option_config.label -%} {{ option_config.label }}

{%- else -%} {{ option | split: ':' | last }}

{%- endif -%} {% assign option_escaped = option | url_encode %} {% assign _option = option %} {% if option_escaped contains '%22' %} {% assign _option = option_escaped %} {% endif %} i.checked = false);"> x {% endfor %} {% if filter.range.size > 0 and filter.range[0].high != '' %} {% assign range_label = filter.label %} {% assign low = filter.range[0].low | replace: '.00', '' | default: '0' %} {% assign high = filter.range[0].high | replace: '.00', '' %} {{ range_label }}: ${{ low }} - ${{ high }}

x {% endif %} {% endfor %} {% if collection.filters.applied.size > 0 %} Clear all {% endif %}

New Arrivals

{% for filter in collection.filters.all %} {% if collection.filters.open_sets[filter.key] %} {% else %} {% endif %} {{ filter.label }} plus minus {%- case filter.type -%} {%- when 'palette' or 'grid' -%} {%- for option in filter.options -%} {% capture color_map %}Sand:#C2B280,Blue:#017DC5,Orange:#FF7A13,Brown:#784D20,Green:#00CE01,Grey:#A7A7A9,Olive:#636F4B,Pink:#FF11B4,Purple:#AD1BD4,Teal:#00D7BF,White:#FFFFFF,Yellow:#F4FC00,Cream:#C2B280{% endcapture %} {%- assign option_label = option.label -%} {%- assign color_map = color_map | split: ',' -%} {%- assign option_value = option.value -%} {%- if color_map -%} {%- for color_entry in color_map -%} {%- assign color_key = color_entry | split: ':' | first | strip -%} {%- if option_label == color_key -%} {%- assign option_value = color_entry | split: ':' | last | strip -%} {%- break -%} {%- endif -%} {%- endfor -%} {%- endif -%} {%- assign set_key = filter.key | handle -%} {%- if set_key contains 'color' -%} {%- endif -%} {{ option.label }} {% if collection.filters.applied[filter.key] contains option.value %} {% else %} {% endif %} {%- endfor -%} {%- else -%} {%- for option in filter.options -%} {{ option.label }} {% assign option_value = option.value | replace: '"', 'QUOT' %} {% if collection.filters.applied[filter.key] contains option.value %} {% else %} {% endif %} {%- endfor -%} {%- endcase -%} {% endfor %}

On Sale

Volcom Frickin Modern Stretch 21 Shorts - Black Volcom Caliper II Relaxed Work Shorts - Brindle Volcom Frickin Modern Stretch 21 Shorts - Khaki 2025 Volcom Frickin Cross Shred Static 20 Shorts - Charcoal Heather 2025 Volcom Frickin Cross Shred 20 Shorts - Cruzer Blue Volcom Billow 22 Shorts - Black Combo {% assign sections = collection.content['header'] %} {%- for section in sections -%} {{ section }} {%- endfor -%} Home / Clothing / Volcom / {%- if collection.filters and collection.filters.applied -%} {%- assign breadcrumb_categories = collection.filters.applied.tags_category -%} {%- assign breadcrumb_vendors = collection.filters.applied.tags_vendor -%} {%- if breadcrumb_categories and breadcrumb_categories.size {{ category }} / {%- endfor -%} {%- endif -%} {%- if breadcrumb_vendors and breadcrumb_vendors.size {{ vendor }} / {%- endfor -%} {%- endif -%} {%- endif -%} 3">Volcom Clothing 3"> {% assign collection_title = 'Clothing' %} {%- if collection.filterRoutes.handle or collection.filterRoutes.route or collection.handle != 'shorts' -%} {% assign new_title = '' %} {%- if collection.filterRoutes.route and collection.filterRoutes.route.key contains 'vendor' -%} {% assign route = collection.filterRoutes.route.values | first | append: ' ' %} {{ route }} {% assign new_title = route %} {%- endif -%} {%- if collection.filterRoutes.handle.values.size > 0-%} {% assign title_handle = collection.filterRoutes.handle.values | first %} {{ title_handle }} {% assign new_title = new_title | append: title_handle %} {%- else -%} {{ collection_title }} {% assign new_title = new_title | append: collection_title %} {%- endif -%} {%- if collection.filterRoutes.route and collection.filterRoutes.route.key contains 'category' -%} {% assign route = collection.filterRoutes.route.values | first | prepend: ' ' %} {%- unless new_title contains route -%} {{ route }} {% assign new_title = new_title | append: route %} {%- endunless -%} {%- endif -%} {%- else -%} {%- endif -%}

{% if collection.products.size > 0 %} {{ collection.total_products }} Results {% endif %}

Sort By: Most Relevant {% for option in collection.sort_options %} {{ option.label }} {% endfor %}

Refine by:

{% for filter in collection.filters.applied %} {% assign filter_name = filter | first %} {% assign filter_options = filter | last %} {% assign filter_config = collection.filters.all | where: 'key', filter_name | first %} {% for option in filter_options %} {% assign option_handle = option | url_decode | handle %} {% assign option_config = filter_config.options | where: 'handle', option_handle | first %} {% if option_config == blank and option contains '>>>' %}{% continue %}{% endif %} {%- if option_config.label -%} {{ option_config.label }}

{%- else -%} {{ option | split: ':' | last }}

{%- endif -%} {% assign option_escaped = option | url_encode %} {% assign _option = option %} {% if option_escaped contains '%22' %} {% assign _option = option_escaped %} {% endif %} i.checked = false);"> x {% endfor %} {% if filter.range.size > 0 and filter.range[0].high != '' %} {% assign range_label = filter.label %} {% assign low = filter.range[0].low | replace: '.00', '' | default: '0' %} {% assign high = filter.range[0].high | replace: '.00', '' %} {{ range_label }}: ${{ low }} - ${{ high }}

x {% endif %} {% endfor %} {% if collection.filters.applied.size > 0 %} Clear all {% endif %}

New Arrivals

{% for filter in collection.filters.all %} {% if collection.filters.open_sets[filter.key] %} {% else %} {% endif %} {{ filter.label }} plus minus {%- case filter.type -%} {%- when 'palette' or 'grid' -%} {%- for option in filter.options -%} {% capture color_map %}Sand:#C2B280,Blue:#017DC5,Orange:#FF7A13,Brown:#784D20,Green:#00CE01,Grey:#A7A7A9,Olive:#636F4B,Pink:#FF11B4,Purple:#AD1BD4,Teal:#00D7BF,White:#FFFFFF,Yellow:#F4FC00,Cream:#C2B280{% endcapture %} {%- assign option_label = option.label -%} {%- assign color_map = color_map | split: ',' -%} {%- assign option_value = option.value -%} {%- if color_map -%} {%- for color_entry in color_map -%} {%- assign color_key = color_entry | split: ':' | first | strip -%} {%- if option_label == color_key -%} {%- assign option_value = color_entry | split: ':' | last | strip -%} {%- break -%} {%- endif -%} {%- endfor -%} {%- endif -%} {%- assign set_key = filter.key | handle -%} {%- if set_key contains 'color' -%} {%- endif -%} {{ option.label }} {% if collection.filters.applied[filter.key] contains option.value %} {% else %} {% endif %} {%- endfor -%} {%- else -%} {%- for option in filter.options -%} {{ option.label }} {% assign option_value = option.value | replace: '"', 'QUOT' %} {% if collection.filters.applied[filter.key] contains option.value %} {% else %} {% endif %} {%- endfor -%} {%- endcase -%} {% endfor %}

On Sale

There are no results that match your selection

{% assign productBadges = passedProductBadges["ATmxPTG9pVW1mc21GZ__product_items_8dyc9M"] | default: productBadges %} {% for product in collection.products limit: 1000 %} {% assign product_index = forloop.index %} {% assign page = collection.page %} {% for banner in collection.banners %} {% assign banner_index = forloop.index %} {% if banner.position == product_index and banner.content != blank %} {{ banner.content }} {% elsif banner.position == product_index and page == 1 or banner.position == product_index and page == blank %} {% if collection.current_tags.size > 0 and banner.sub == false %}{% continue %}{% endif %} {% if banner.image %} {% endif %} {% if banner.video %} {% endif %} {% if banner.text or banner.subtitle or banner.button_label %} {{ banner.title }} {{ banner.subtitle }} {% if banner.button_label %} {{ banner.button_label }} {% endif %} {% endif %} {% endif %} {% endfor %} {% if product.featured_image != blank or product.images[0] != blank %} {% if product.alt_image or product.images[1] != blank %} {% unless product.alt_image contains '/swatch' or product.images[1] contains '/swatch' %} {% endunless %} {% endif %} {% assign title = product.title | split: ' - ' | first %} {% assign type = product.type %} {% assign price = product.price | money %} {% 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 %} {% unless product.title contains vendor_collab %} {% assign title = title | remove: vendor_tag %} {% endunless %} {% if vendor_tag != blank %} {% assign subtitle = vendor_tag %} {% endif %} {%- 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 -%} {{ member_text }} {%-endif %} {% for badge in productBadges %} {% if product.tags contains badge.tag %} {% assign exclusions = badge.collection_exclusion | split: ',' %} {% assign inclusions = badge.collection_inclusion | split: ',' %} {% assign render = true %} {% if inclusions.size > 0 %} {% assign render = false %} {% if inclusions contains collection.handle %} {% assign render = true %} {% endif %} {% endif %} {% if exclusions contains collection.handle %} {% assign render = false %} {% endif %} {% if render %} {% if badge.image %} {% endif %} {{ badge.text }} {% endif %} {% endif %} {% endfor %} {{ title }} {{ subtitle }} {{ price }} {% assign discount_percentage = product.compare_at_price | minus: product.price | times: 100.0 | divided_by: product.compare_at_price | round %} {% assign product_price = product.price | plus: 0 %} {% if product.compare_at_price > product_price and discount_percentage >= 10 %} {{ product.compare_at_price | money }} Up to {{ discount_percentage }}% off {% endif %} {% for badge in productBadges %} {% if product.tags contains badge.tag %} {% assign exclusions = badge.collection_exclusion | split: ',' %} {% assign inclusions = badge.collection_inclusion | split: ',' %} {% assign render = true %} {% if inclusions.size > 0 %} {% assign render = false %} {% if inclusions contains collection.handle %} {% assign render = true %} {% endif %} {% endif %} {% if exclusions contains collection.handle %} {% assign render = false %} {% endif %} {% if render %} {% if badge.image %} {% endif %} {{ badge.text }} {% endif %} {% endif %} {% endfor %} {% endif %} {% endfor %}

LOADING PRODUCTS

{% if collection.pagination.pages.size > 1 %} {% assign current_page = collection.page %} {% assign start_page = current_page | minus: 2 %} {% if start_page collection.pagination.pages.size %}{% assign end_page = end_page | minus: 1 %}{% endif %} {% if end_page > collection.pagination.pages.size %}{% assign end_page = collection.pagination.pages.size %}{% endif %} {% if end_page >= collection.page %} {% assign current_page = collection.page %} {% assign start_page = current_page | minus: 2 %} {% if start_page collection.pagination.pages.size %}{% assign end_page = end_page | minus: 1 %}{% endif %} {% if end_page > collection.pagination.pages.size %}{% assign end_page = collection.pagination.pages.size %}{% endif %} arrow-left {% for page in (start_page..end_page) %} {{ page }} {% endfor %} {% if end_page ... {% endif %} arrow-right {% endif %} {% endif %} {% assign sections = collection.content['footer'] %} {%- for section in sections -%} {{ section }} {%- endfor -%} 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.

Show More Show Less {% for content in collection.content.footer %} {{ content }} {% endfor %} Gift Cards CCS+ CCS Portland Skate Shop Request a Catalog Skateboard Buyer's Guide Get Help Order Status Customer Service Shipping & Delivery Returns About Us About CCS The Blog CCS Team Page Get Help plus minus Order Status Customer Service Shipping & Delivery Returns About Us plus minus About CCS The Blog CCS Team Page facebook instagram twitter youtube tiktok

Connect with us

For promotions, special offers & good vibes.

© 2026 CCS

Privacy Policy Terms of Use

Your Cart

x {% assign primary_item_count = 0 %} {% for item in items %} {% unless item.properties._bundle == 'component' %} {% assign primary_item_count = primary_item_count | plus: 1 %} {% endunless %} {% endfor %} {% if primary_item_count > 0 %} {% for item in items %} {% unless item.properties._bundle == 'component' %} {% liquid assign found_bundle = false if item.properties._bundle == 'primary' and item.properties._components != blank assign found_bundle = true endif assign bundle_qty_up = false if item.title contains '(Qty:' assign bundle_qty_up = true assign bundle_title = item.title assign bundle_qty = item.title | split: '(Qty:' | last assign bundle_qty = bundle_qty | remove: ')' endif %} {% if item.image %} {% endif %} {% if item.properties['_image'] %} {% elsif item.properties['Custom Bottom Graphic'] %} {% elsif item.properties['Custom Griptape'] %} {%- liquid assign raw_src = "{{ item.properties['Custom Griptape'] }}" assign raw_alt = "{{ item.product_title }}" -%} {% render 'image' raw_src:raw_src raw_alt:raw_alt lazy:img_lazy sizes:img_sizes _settings:settings class:img_class %} {% else %} {% endif %} {% if item.properties['_overlay'] != blank %} {% endif %} {% assign title = item.title %} {% if title != blank %} {{ title }} {% endif %} {% assign subtitle = item.title | remove: title | remove_first: '-' | strip %} {% if subtitle != blank %} {{ subtitle | split: '-' | first }} {% endif %} {% for option in item.options_with_values %} {% unless option.name == "Title" %} {{ option.name }} {{ option.value }} {% endunless %} {% endfor %} {% for prop in item.properties %} {%- liquid assign prop_key = prop[0] assign prop_value = prop[1] if prop_key contains 'custom-' or prop_key contains 'ccs-embroidery-' or prop_key == 'Preview' continue endif %} {% assign _prop = prop_key | split:'_' %} {% unless _prop[0] == blank %} {% assign prop_value_lower = prop_value | downcase %}

{% if prop_value_lower contains 'data:image' or prop_value_lower contains '.png' or prop_value_lower contains '.jpg' or prop_value_lower contains '.jpeg' or prop_value_lower contains '.gif' or prop_value_lower contains '.webp' or prop_value_lower contains '.svg' %} {{ prop_key | replace: '_', ' ' | capitalize }} {% else %} {{ prop_key | replace: '_', ' ' | capitalize | append: ': ' }} {{ prop_value }} {% endif %}

{% endunless %} {% endfor %} {%# Zepto Personalizations %} {% if found_bundle and item.properties._zepto %} {% assign zepto_props_clean = item.properties._zepto | strip | remove: '{' | remove: '}' %} {% assign zepto_props = zepto_props_clean | split: '","' %} {% for prop in zepto_props %} {% assign kv = prop | split: '":"' %} {% if kv.size {% if prop_value_lower contains 'data:image' or prop_value_lower contains '.png' or prop_value_lower contains '.jpg' or prop_value_lower contains '.jpeg' or prop_value_lower contains '.gif' or prop_value_lower contains '.webp' or prop_value_lower contains '.svg' %} {{ prop_key | replace: '_', ' ' | capitalize }} {% else %} {{ prop_key | replace: '_', ' ' | capitalize | append: ': ' }} {{ prop_value }} {% endif %}

{% endfor %} {% endif %} {%# Components %} {% if found_bundle %} {% assign bundle_items = item.properties._components | split: ',' %} {% for bundle_item in bundle_items %}

{% if bundle_qty_up and bundle_qty != blank %} {{ bundle_qty }} {% else %} {{ item.quantity }} {% endif %} x {{ bundle_item | strip }}

{% endfor %} {% endif %} {{ item.final_line_price | money | replace: "$ ", "$" }} {% if item.original_line_price != item.final_line_price %} {{ item.original_line_price | money | replace: "$ ", "$" }} {% elsif item.properties._compare_at_price %} {{ item.properties._compare_at_price | money | replace: "$ ", "$" }} {% endif %} {% assign title = item.title %} Translation missing: en.sections.cart.remove_title {% assign inventory_variance = item.properties._inventory %} {% if inventory_variance > 0 and inventory_variance Only {{inventory_variance}} left! {% endif %} {% unless item.properties._gift or item.selling_plan_allocation or found_bundle %} Quantity {% assign product = item.title %} {% assign enabled = '' %} {% if item.quantity >= item.properties._inventory %} {% assign enabled = 'button--disabled' %} {% endif %} – Quantity Cart.change({ line:{{ forloop.index }}, quantity:this.value}), 500)()" onblur="if (!this.value.trim() || isNaN(parseInt(this.value, 10))) this.value = {{ item.quantity }}" value="{{ item.quantity }}" aria-label="Quantity" autocomplete="off" tabindex="-1" > + Quantity {% endunless %} {% endunless %} {% endfor %} {% elsif settings.empty_state != blank %} {{ settings.empty_state }} {% endif %}

You don't have any items!

Continue Shopping

Summary

Shipping and taxes calculated at checkout.

Total

{{ total_price | money }}

View Cart Checkout search Search { document.querySelector('.search-results__container').classList.add('active');}, '1200');" id="AamEyd0M3c2E2ZnlUQ__input_VwT4fq_1" autocomplete="off" value="" > x {% assign items = searches %} {% if items.size > 0 %} Searches {% endif %} {% for item in items %} {% assign title = item.title %} {% assign attr = 'href="' | append: item.url | append: '" ' %} {{ title }} {% endfor %} {% assign items = collections %} {% if items.size > 0 %} Collections {% endif %} {% for item in items %} {% assign title = item.title %} {% assign attr = 'href="' | append: item.url | append: '" ' %} {{ title }} {% endfor %} {% assign productBadges = passedProductBadges["AbzNtMCtib2JyWm8zc__product_items_Ae3EC9"] | default: productBadges %} {% for product in products limit: 10 %} {% assign product_index = forloop.index %} {% assign page = collection.page %} {% for banner in collection.banners %} {% assign banner_index = forloop.index %} {% if banner.position == product_index and banner.content != blank %} {{ banner.content }} {% elsif banner.position == product_index and page == 1 or banner.position == product_index and page == blank %} {% if collection.current_tags.size > 0 and banner.sub == false %}{% continue %}{% endif %} {% if banner.image %} {% endif %} {% if banner.video %} {% endif %} {% if banner.text or banner.subtitle or banner.button_label %} {{ banner.title }} {{ banner.subtitle }} {% if banner.button_label %} {{ banner.button_label }} {% endif %} {% endif %} {% endif %} {% endfor %} {% if product.featured_image != blank or product.images[0] != blank %} {% if product.alt_image or product.images[1] != blank %} {% unless product.alt_image contains '/swatch' or product.images[1] contains '/swatch' %} {% endunless %} {% endif %} {% assign title = product.title | split: ' - ' | first %} {% assign type = product.type %} {% assign price = product.price | money %} {% 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 %} {% unless product.title contains vendor_collab %} {% assign title = title | remove: vendor_tag %} {% endunless %} {% if vendor_tag != blank %} {% assign subtitle = vendor_tag %} {% endif %} {%- 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 -%} {{ member_text }} {%-endif %} {% for badge in productBadges %} {% if product.tags contains badge.tag %} {% assign exclusions = badge.collection_exclusion | split: ',' %} {% assign inclusions = badge.collection_inclusion | split: ',' %} {% assign render = true %} {% if inclusions.size > 0 %} {% assign render = false %} {% if inclusions contains collection.handle %} {% assign render = true %} {% endif %} {% endif %} {% if exclusions contains collection.handle %} {% assign render = false %} {% endif %} {% if render %} {% if badge.image %} {% endif %} {{ badge.text }} {% endif %} {% endif %} {% endfor %} {{ title }} {{ subtitle }} {{ price }} {% assign discount_percentage = product.compare_at_price | minus: product.price | times: 100.0 | divided_by: product.compare_at_price | round %} {% assign product_price = product.price | plus: 0 %} {% if product.compare_at_price > product_price and discount_percentage >= 10 %} {{ product.compare_at_price | money }} Up to {{ discount_percentage }}% off {% endif %} {% for badge in productBadges %} {% if product.tags contains badge.tag %} {% assign exclusions = badge.collection_exclusion | split: ',' %} {% assign inclusions = badge.collection_inclusion | split: ',' %} {% assign render = true %} {% if inclusions.size > 0 %} {% assign render = false %} {% if inclusions contains collection.handle %} {% assign render = true %} {% endif %} {% endif %} {% if exclusions contains collection.handle %} {% assign render = false %} {% endif %} {% if render %} {% if badge.image %} {% endif %} {{ badge.text }} {% endif %} {% endif %} {% endfor %} {% endif %} {% endfor %} account Log In / Sign Up x New Skate chevron-right Shoes chevron-right Clothing chevron-right Accessories chevron-right Made By CCS chevron-right Customs blank Team blank Brands blank CCS+ blank Sale blank Wishlist blank Cart blank Order Status blank Returns blank Customer Support blank ${data.message} ${data.action ? `${data.action.text}` : ''} ×