CCS Snap On Cargo Pants - Green

CCS Snap On Cargo Pants - Green 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 / CCS Pants / CCS Snap On Cargo Pants CCS

Snap On Cargo Pants

Share CCS Snap On Cargo Pants {% assign discount_percentage = compare_at_price | minus: price | times: 100.0 | divided_by: compare_at_price | round %} = 10 %}color: var(--brand-red){% endif %}" >{{ price | money }} {% if compare_at_price > price %} {% if discount_percentage >= 10 %} {{ compare_at_price | money }} {{ discount_percentage }}% off {% endif %} {% endif %} Share {% assign discount_percentage = compare_at_price | minus: price | times: 100.0 | divided_by: compare_at_price | round %} = 10 %}color: var(--brand-red){% endif %}" >{{ price | money }} {% if compare_at_price > price %} {% if discount_percentage >= 10 %} {{ compare_at_price | money }} {{ discount_percentage }}% off {% endif %} {% endif %} Green {% assign expose_single = true %} {% assign sibling_size = siblings | where: 'handle' | size %} {% if sibling_size > 1 or expose_single %} {% for sibling in siblings %} {% if sibling == false %}{% continue %}{% endif %} {% assign active = false %} {% if sibling.handle == 'ccs-snap-on-cargo-pants-green' %} {% assign active = true %} {% endif %} {delete window.cart.error;}); window.history.replaceState({}, false, '{{ sibling.handle }}'); " neptune-engage="{ targets:[ { selector: '.product-selector .active', classes:remove:active, attributes:[{att:'aria-current', set:'false'},{att:'aria-selected', set:'false'}] }, { selector: _self, classes:add:active, attributes:[{att:'aria-current', set:'true'}, {att:'aria-selected', set:'true'}] } ] }" > {% endfor %} {% endif %} LG / Tall MD / Tall SM / Tall XL / Tall LG / Short MD / Short SM / Short XL / Short Size: {% assign option_name = "Size" %} {% if title != "" and trigger_placement == option_name %} {{ trigger_label }} {% endif %} LG

MD

SM

XL

Inseam: {% assign option_name = "Inseam" %} {% if title != "" and trigger_placement == option_name %} {{ trigger_label }} {% endif %} Tall

Short

Personalize Your Gift Card Add To Cart {% capture customer_logged_in %}{% endcapture %} {% capture customer_plus_subscribed %}{% endcapture %} {% assign customer_logged_in = customer_logged_in %} {% assign customer_plus_subscribed = customer_plus_subscribed %} {% assign ccs_plus_in_cart = false %} {% assign cart_skus = cart.items | map: 'sku'%} {%- if cart_skus contains 'CCSPLUS' -%} {%- assign ccs_plus_in_cart = true -%} {%- endif -%} {% liquid assign show_quantity_selector = false if member_exclusive contains 'member_active' if customer_plus_subscribed contains 'true' or ccs_plus_in_cart assign show_quantity_selector = true else assign show_quantity_selector = false endif elsif member_exclusive contains 'coming_soon' assign show_quantity_selector = false else assign show_quantity_selector = true endif %} {% if show_quantity_selector %} Qty: {% if inventory_quantity 0 %} ({{ inventory_quantity }} Available) {% endif %} 1 {% if inventory_management == nil or inventory_quantity {{ value }} {% endfor %} {% else %} {% for value in (2..10) %} {% if value > inventory_quantity %} {% break %} {% endif %} {{ value }} {% endfor %} {% endif %} {% endif %}

{%- assign date = member_end -%} {%- if member_exclusive contains 'coming_soon' -%} {%- assign date = member_start -%} {%- 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 member_exclusive contains 'coming_soon' -%} {%- assign member_text = coming_soon_text -%} {%- endif -%} {% if available == false %} {% if tags contains 'no-default-option' or type_excluded %} Sold Out {% elsif variant_selected and custom_requirements_met == false %} Add to Cart {% else %} Select Option {% endif %} {% elsif member_exclusive contains 'member_active' %} {% capture customer_logged_in %}{% endcapture %} {% capture customer_plus_subscribed %}{% endcapture %} {% assign customer_logged_in = customer_logged_in %} {% assign customer_plus_subscribed = customer_plus_subscribed %} {% assign ccs_plus_in_cart = false %} {% assign cart_skus = cart.items | map: 'sku'%} {%- if cart_skus contains 'CCSPLUS' -%} {%- assign ccs_plus_in_cart = true -%} {%- endif -%} {% if customer_plus_subscribed contains 'true' or ccs_plus_in_cart %} {% comment %} === Not sure if this is needed === {% endcomment %} {{ member_text }} Add to Cart {% else %} Join CCS+ To Purchase {%- unless customer_logged_in contains 'true' -%} Already a member? Login {%- endunless -%} {% endif %} {% elsif member_exclusive contains 'coming_soon' %} {{ member_text }} Coming Soon to CCS+ {% else %} {% if available %} Neptune.liquid.load('AddToCart', document.querySelector('variant-selector').data.variant));"> Add to Cart {% else %} Sold Out {% endif %} {% endif %} {% if cart.error %} {{ cart.error.description }} {% endif %} dollar-sign Free & Fast Shipping. On orders $75+. Orders placed by 3pm ET ship out same business day. Details here.

rotate Free Returns. On Clothing, Shoes, & Accessories. Clearance items (prices in red) are final sale. Details here.

ccs-plus-color CCS+ Members. Free 2-3 Day Shipping, exclusive access to product raffles, member events, and more. Learn More.

Description plus minus Pants by design, but shorts when you need them. Perfect for when those cold mornings turn into hot afternoons. We ditched the zippers in favor of a unique snap-on/off fastening system that is more forgiving on your knees when you slam.

Metal Snaps to Attach and Remove Legs 60% Cotton/40% Polyester Short Size Inseams: SM - 26.5" | MD - 27" | LG - 27.5" | XL - 28" Tall Size Inseams: SM - 30.5" | MD - 31" | LG - 31.5" | XL - 32" Shorts are 22” Length (Size Large) KG, CCS Warehouse Shift Supervisor, is 5' 2" and is Wearing Size Small (Short Fit) Mason, CCS Retail Associate, is 6' 0", and is Wearing Size Large (Tall Fit) Elastic Waist with Built-In Belt, and Outer Belt Loops Slash Hand Pockets, Patch Back Pockets Patch Cargo Pockets with Velcro Closure Toggle at Bottom Cuff to Customize Fit Machine Wash, Imported Specs plus minus Pant Material: ? What it's made of. Cotton Blend Pant Stretch: ? Whether or not your pants are elastic. Stretch Pant Style: ? The design and look of your pants. Cargo Pants Fit: ? Design and style, different pants for different looks. Relaxed x Size Guide: Snap On Cargo  

Short Fit Measurements:
Size Waist Pants Inseam Shorts Inseam Pant Leg Opening S 27" - 31" 26 1/2" 9" 8 1/2" M 30" - 34" 27" 9 1/4" 8 3/4" L 33" - 37" 27 1/2" 9 1/2" 9" XL 36" - 41" 28" 9 3/4" 9 1/4"  

Tall Fit Measurements:
Size Waist Pants Inseam Shorts Inseam Pant Leg Opening S 27" - 31" 30 1/2" 9 3/4" 8 1/2" M 30" - 34" 31" 10" 8 3/4" L 33" - 37" 31 1/2" 10 1/4" 9" XL 36" - 41" 32" 10 1/2" 9 1/4"  

Pant Measurements:

Waist
The full length around the top of the waistband, typically measured to sit at the top of your hips.

Pants Inseam
The length from the bottom of the crotch down to the bottom of the leg opening.

Shorts Inseam
The length from the bottom of the crotch down to the bottom of the short opening.

Pant Leg Opening
With pant leg flat, this is the measurement at the bottom pant leg opening from seam to seam.

Recommended Products chevron-left chevron-right {% assign productBadges = passedProductBadges["AaDc4WVhzVi95a1puW__product_items_GKGM6A"] | default: productBadges %} {% for product in products offset: 0 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 %} Recently Viewed chevron-left chevron-right {% assign productBadges = passedProductBadges["AeUJqelcreE9TS1p5b__product_items_xARBeJ"] | default: productBadges %} {% for product in products offset: 0 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 %} Pants by design, but shorts when you need them. Perfect for when those cold mornings turn into hot afternoons. We ditched the zippers in favor of a unique snap-on/off fastening system that is more forgiving on your knees when you slam.

Metal Snaps to Attach and Remove Legs 60% Cotton/40% Polyester Short Size Inseams: SM - 26.5" | MD - 27" | LG - 27.5" | XL - 28" Tall Size Inseams: SM - 30.5" | MD - 31" | LG - 31.5" | XL - 32" Shorts are 22” Length (Size Large) KG, CCS Warehouse Shift Supervisor, is 5' 2" and is Wearing Size Small (Short Fit) Mason, CCS Retail Associate, is 6' 0", and is Wearing Size Large (Tall Fit) Elastic Waist with Built-In Belt, and Outer Belt Loops Slash Hand Pockets, Patch Back Pockets Patch Cargo Pockets with Velcro Closure Toggle at Bottom Cuff to Customize Fit Machine Wash, Imported "> 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}` : ''} ×