CCS Swim Club Hybrid Shorts - Khaki

CCS Swim Club Hybrid Shorts - Khaki 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 / Shorts / CCS Swim Club Hybrid Shorts CCS

Swim Club Hybrid Shorts

Share CCS Swim Club Hybrid Shorts {% 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 %} Khaki {% assign expose_single = false %} {% 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-swim-club-hybrid-shorts-khaki' %} {% 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 %} XXL XL LG MD SM Size: {% assign option_name = "Size" %} {% if title != "" and trigger_placement == option_name %} {{ trigger_label }} {% endif %} XXL

XL

LG

MD

SM

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 Unisex, Microfiber All-Purpose Short Elastic Waist with Built-In Belt/Clasp Closure Screen Printed Logo at Left Leg, Mesh Inner Lining 100% Polyester Machine Wash, Imported SM-MD: 5" Inseam LG-XL: 6 1/2" Inseam Specs plus minus Shorts Feature: ? Any and all details that make it special. Moisture Wicking Shorts Fit: ? Design and style, different shorts for different looks. Standard Shorts Material: ? What it's made of. Polyester Shorts Stretch: ? Whether or not your shorts are elastic. Standard Shorts Style: ? The design and look of your shorts. Board | Hybrid x Size Guide: CCS Hydro Shorts Size Waist Inseam Outseam Leg Opening XS 22"-24" 4 1/2" 15" 26" S 26"-28" 5" 16 1/2" 28" M 30"-32" 5 1/2" 17 1/2" 30" L 34"-36" 6" 19" 32" XL 38"-40" 6 1/2" 20" 34" 2XL 42"-44" 7 3/4" 20 1/2" 36"  

 

Shorts Measurements:

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

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

 

Outseam
The length from the waistband to the bottom of the leg opening.

Leg Opening
Measure the leg flat across the bottom hem, seam to seam, and double that number to get the full opening.

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 %} Unisex, Microfiber All-Purpose Short Elastic Waist with Built-In Belt/Clasp Closure Screen Printed Logo at Left Leg, Mesh Inner Lining 100% Polyester Machine Wash, Imported SM-MD: 5" Inseam LG-XL: 6 1/2" Inseam "> 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}` : ''} ×