Herschel Supply Co. Backpacks & Accessories - CCS

Herschel Supply Co. Backpacks & Accessories - CCS 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 / Herschel Supply Co. / {%- 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"> Herschel Supply Co. 3"> {% assign collection_title = 'Herschel Supply Co.' %} {%- if collection.filterRoutes.handle or collection.filterRoutes.route or collection.handle != 'herschel-supply' -%} {% 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

Herschel Supply x LEGO Classic Hip Bag - Abstract Bricks Herschel Supply x LEGO Pop Quiz Little Lunch Box - Scavenger Hunt Bricks Herschel Supply x LEGO Pop Quiz Little Lunch Box - Scavenger Hunt Meadow Herschel Supply Seymour Backpack - Black Herschel Supply Whaler Tall Mesh Hat - Woodland Camo Herschel Supply Elmer Camo Beanie - Woodland Camo Herschel Supply Fleet Skate Backpack - Woodland Camo/Black Herschel Supply Kaine Backpack - Woodland Camo/Black Herschel Supply Fleet Skate Backpack - Black Herschel Supply Wesbrook Backpack - Black Tonal Herschel Supply Ultralight 22L Backpack - Moonbeam Herschel Supply Ultralight 2L Hip Bag - Moonbeam Herschel Supply Ultralight 2L Hip Bag - Ash Rose EQ Camo Herschel Supply Ultralight 22L Backpack - Black Herschel Supply Sylas Corduroy Hat - Potting Soil Herschel Supply Glendale Hat - Black Tonal Herschel Supply Sylas Plaid Hat - Dark Plaid Herschel Supply Vintage Baseball Hat - Darkest Navy/Argan Oil Herschel Supply Whaler Tall Corduroy CS Hat - Potting Soil Herschel Supply Marina Mesh WW Patch Hat - Black Herschel Supply Marina Mesh WW Patch Hat - First Tee Herschel Supply Whaler Cotton Mesh Hat - Black Herschel Supply Abbott Pattern Beanie - Beetle/Timberwolf RS Herschel Supply Elmer Beanie - Bitter Chocolate Herschel Supply Vintage Baseball Hat - Heather Light Grey Herschel Supply Elmer Fair Isle Beanie - Black Fair Isle Herschel Supply Whaler Tall Corduroy CS Hat - Black Herschel Supply Elmer Pattern Beanie - Black/Heather Black CS Herschel Supply Elmer Fair Isle Beanie - Bitter Chocolate Fair Isle Herschel Supply Retreat Quilted Capsule Backpack - Beetle Herschel Supply Heritage Quilted Capsule Backpack - Beetle Herschel Supply Charlie Cardholder - Bitter Chocolate/Dark Roast Herschel Supply Anchor 15"-16" Laptop Sleeve - Navy Herschel Supply Anchor 15"-16" Laptop Sleeve - Digi Leopard Herschel Supply Anchor 14" Laptop Sleeve - Navy Herschel Supply Retreat Small Capsule Quilted Backpack - Black Herschel Supply Heritage Quilted Capsule Backpack - Black Herschel Supply Retreat Small Capsule Quilted Backpack - Beetle Herschel Supply Wesbrook Backpack - Moonbeam Herschel Supply Charlie Cardholder - Woodland Camo/Black Label Herschel Supply Wesbrook Backpack - Ash Rose Herschel Supply Classic XL Backpack - Morning Dove/Dark Shadow Herschel Supply Cove Small Messenger Bag - Navy/Saddle Brown Herschel Supply Classic Hip Pack - Woodland Camo/Black Label Herschel Supply Classic Crossbody Bag - Digi Leopard Herschel Supply Classic Hip Pack - Black Tonal Herschel Supply Classic XL Backpack - Digi Leopard Herschel Supply Kaine Backpack - Black Herschel Supply Classic Hip Pack - Digi Leopard Herschel Supply Classic Crossbody Bag - Ivy Green 2025 {% assign sections = collection.content['header'] %} {%- for section in sections -%} {{ section }} {%- endfor -%} Home / Herschel Supply Co. / {%- 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"> Herschel Supply Co. 3"> {% assign collection_title = 'Herschel Supply Co.' %} {%- if collection.filterRoutes.handle or collection.filterRoutes.route or collection.handle != 'herschel-supply' -%} {% 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 -%} {% 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}` : ''} ×