Hopps
Hopps
{% if products.length > 1 %}{{ products.length }} results{% endif %}
- Hopps Bighopps Skateboard Deck - Checkered Fade - 8.00"
- Hopps Bighopps Skateboard Complete - Checkered Fade - 8.00"
- Hopps Wild Hopps Skateboard Deck - 8.00"
- Hopps Boombox Skateboard Deck - 8.50"
- Hopps Boombox Skateboard Deck - 8.25"
- Hopps Crew Graff Skateboard Deck - 8.50"
- Hopps Wild Hopps Skateboard Complete - 8.00"
- Hopps Boombox Skateboard Complete - 8.50"
- Hopps Boombox Skateboard Complete - 8.25"
- Hopps Crew Graff Skateboard Complete - 8.50"
- Hopps Williams 3 Lions Skateboard Complete - 8.00"
- Hopps Sun Logo Midtown Skateboard Complete - 8.25"
- Hopps Joel Meinholz Auto Skateboard Complete - 8.50"
- Hopps Mark Del Negro Auto Skateboard Complete - 8.125"
- Hopps Williams 3 Lions Skateboard Deck - 8.00"
- Hopps Sun Logo Midtown Skateboard Deck - 8.25"
- Hopps Joel Meinholz Auto Skateboard Deck - 8.50"
- Hopps Mark Del Negro Auto Skateboard Deck - 8.125"
- Hopps Del Negro Untitled Skateboard Deck - 8.25"
- Hopps Eggeling Pirate Skateboard Deck - 8.50"
- Hopps Williams Face Skateboard Deck - 8.25"
- Hopps BigHopps Knockout Skateboard Deck - White - 8.75"
- Hopps Pops Skateboard Deck - 8.00"
- Hopps Summer Pops Mango Skateboard Deck - 8.50"
- Hopps Summer Pops Grape Skateboard Deck - 8.38"
- Hopps Del Negro Untitled Skateboard Complete - 8.25"
- Hopps Eggeling Pirate Skateboard Complete - 8.50"
- Hopps Williams Face Skateboard Complete - 8.25"
- Hopps BigHopps Knockout Skateboard Complete - White - 8.75"
- Hopps Pops Skateboard Complete - 8.00"
- Hopps Summer Pops Mango Skateboard Complete - 8.50"
- Hopps Summer Pops Grape Skateboard Complete - 8.38"
{% for product in loader.activeProducts %}
{% for banner in collectionBanners %}
{% if Filters.native.size > 0 and banner.sub == false %}{% continue %}{% endif %}
{% if banner.position == product.position %}
{% if banner.apply_whole %}
![]()
{% else %}
![]()
{% endif %}
{% endif %}
{% endfor %}
{% endfor %}
{{banner.heading}}
{{banner.subheading}}
{% assign display_wishlist = true %}
{% for tag in Wishlist.data.exclusions %}
{% if product.tags contains tag %}
{% assign display_wishlist = false %}
{% endif %}
{% endfor %}
{% if product == blank %}
{% assign product = Product %}
{% endif %}
{% if display_wishlist %}
{%- if wishlist == blank -%}
{% assign wishlist = Wishlist.data.items | map: 'handle' %}
{% if wishlist[0] == null %}
{% assign wishlist = data.items | map: 'handle' %}
{% endif %}
{%- endif -%}
{%- assign p_title = product.title | replace: '"', '”' -%}
{%- capture wishlist_add -%}
event.preventDefault();
Wishlist.add({
handle: '{{ product.handle }}',
type: '{{ product.type | escpae }}',
image: '{{ product.featured_image }}',
{%- if variant -%}variant: {{ variant.id | json }},{%- endif -%}
title: `{{ p_title }}`
});
[this, _n.sibling(this, '.wishlist__button')].forEach(function(button) { button.classList.toggle('dn')});
{%- endcapture -%}
{% endif %}
{% assign productImage = product.featured_image %}
{% assign hoverImage = product.hover_image %}
{% assign hoverVideo = product.hover_video %}
{% assign hoverExternalVideo = product.hover_external %}
{% capture productImageRepsonsive %}
{%- if productImage != blank -%}
{%- if product.featured_image_width > 180 -%}{{ productImage | img_url: '180x' }} 180w {{ 180 | divided_by: product.featured_image_aspect_ratio | round }}h,{%- endif -%}
{%- assign image_size = product.featured_image_width | append: 'x' -%}
{{ productImage | img_url: image_size }} {{ product.featured_image_width }}w {{ product.featured_image_height }}h
{%- endif -%}
{% endcapture %}
![{{ product.title }}]()
{% capture hoverImageRepsonsive %}
{%- if hoverImage != blank -%}
{%- if product.featured_image_width > 180 -%}{{ hoverImage | img_url: '180x' }} 180w {{ 180 | divided_by: product.featured_image_aspect_ratio | round }}h,{%- endif -%}
{%- assign image_size = product.featured_image_width | append: 'x' -%}
{{ hoverImage | img_url: image_size }} {{ product.featured_image_width }}w {{ product.featured_image_height }}h
{%- endif -%}
{% endcapture %}
{% unless hoverVideo != blank or hoverExternalVideo != blank %}
{% if hoverImage != blank %}
{% unless product.tags contains 'Graphic Overlay' or product.hover_image_alt contains 'swatch' %}
![{{ product.hover_image_alt }}]()
{% endunless %}
{% endif %}
{% else %}
{% if hoverVideo != blank %}
{% elsif hoverExternalVideo != blank %}
{% endif %}
{% endunless %}
{%- 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 -%}
{{ year }}
{{ date }}
{{ member_text }}
{%- endif -%}
{% assign crop = 'crop_height=64&crop_left=430&crop_top=472&crop_width=64' %}
{% if 'Skateboard Deck, Skateboard Complete' contains product.type %}
{% assign crop = 'crop_height=64&crop_left=230&crop_top=472&crop_width=64' %}
{% endif %}
{% for badge in productBadges %}
{% if product.tags contains badge.tag and badge.tag != 'more-colors' %}
{% if product.reviews %}
{% assign to_half = product.reviews.rating | round:1 | divided_by: 0.5 | round | times: 0.50 %}
{{ badge.collection_badge }}
{% endif %}
{% endfor %}
{%- assign option_value_data = '' -%}
{%- for option in product.options_with_values -%}
{%- if option.name == 'Title' %}{%- continue -%}{%- endif -%}
{%- unless siblingRange[product.type] contains option.name -%}{%- continue -%}{%- endunless -%}
{%- if option.values.size == 0 -%}{%- continue -%}{%- endif -%}
{%- assign option_values = option.values | sort -%}
{%- if option.values.size == 1 -%}
{%- assign option_value_data = option_values | first -%}
{%- else -%}
{%- assign option_values_last = option_values | last -%}
{%- assign option_value_data = option_values | first | append: ' - ' | append: option_values_last -%}
{%- endif -%}
{%- endfor -%}
{%- if option_value_data == '' and siblingRange[product.type] contains 'Title' -%}
{%- assign title_segments = product.title | split: ' - ' -%}
{%- endif -%}
{{- option_value_data -}}
{% for tag in product.tags %}
{% if tag contains 'Vendor' %}
{% assign vendor_tag = tag | remove: 'Vendor:' %}
{% assign vendor_collab = vendor_tag | append: ' x' %}
{% break %}
{% endif %}
{% endfor %}
{% if product.siblings.size > 0 %}
{% assign productTitle = product.title | split: ' - ' | first %}
{% else %}
{% assign productTitle = product.title | remove: product.type | split: '-' %}
{% endif %}
{% assign productTitle = product.title | split: ' - ' | first %}
{% unless product.title contains vendor_collab %}
{% assign productTitle = productTitle | remove: vendor_tag %}
{% endunless %}
{% if vendor_tag != blank %}
{{ vendor_tag }}
{% endif %}{{ productTitle }}
{% assign discount_amount = product.price | divided_by: product.compare_price | times: -100 | plus: 100 | round %} {%- capture discount_text -%} [discount]% off {%- endcapture -%}
{%- if compare_min < compare_max -%}
{%- assign before_text = 'From ' -%}
{%- endif -%}
{%- if product.compare_price > product.price and discount_amount > 10 -%}
{{ before_text }}
{{ product.price | money }}
{{ product.compare_price | money }}
{%- else -%}
{{ product.price | money }}
{%- endif -%}
{%- if discount_amount > 10 -%}
{{ discount_text | replace: '\[discount\]', discount_amount }}
{%- endif -%}
{% for i in (1..5) %}
{% endfor %}
({{ product.reviews.count }})
{% endif %}
{% unless total_pages == 1 or total_pages == 0 %}
{% endunless %}
{% assign active = 'dim' %}
{% if current_page == 1 %}
{% assign active = 'o-50 pointer-none' %}
{% endif %}
{% for i in pages %}
{% assign pageoffset = current_page | minus: i | abs %}
{% if pageoffset != 0 and pageoffset != 1 and pageoffset != 2 pageoffset != 3 %}{% continue %}{% endif %}
{% assign active = '' %}
{% if current_page == i %}
{% assign active = 'brand' %}
{% endif %}
{% assign last_page_shown = i %}
{% endfor %}
{% assign active = 'dim' %}
{% if current_page == total_pages %}
{% assign active = 'o-50 pointer-none' %}
{% endif %}
{% if last_page_shown != total_pages %}
...
{% endif %}
Loading Products
Keep it moving. Tested and designed by skateboarders for skateboarders, Hopps Skateboards has deep roots in the New England skateboarding scenes of the 1990s. Founded by Jahmal Williams in 2007 and currently based in New York, Hopps has all the clout of an underground East Coast skate brand but with the quality to go toe-to-toe with any other brand out there. Drawing aesthetic for their board graphics and skateboard clothing from sportswear, basketball, jazz, hip hop, and even everyday industrial design, Hopps has collaborated with such cultural giants as Converse Cons, photographer Ricky Powell, Quartersnacks, and CCS' Customs X project. When you get down with the latest from Hopps, you can't help but Enjoy The Ride.