20% Off Longboard, Skate Gear, & More | Code: SKATE20

Hopps Clearance

{% if products.length > 1 %}{{ products.length }} results{% endif %}

{% for product in loader.activeProducts %} {% assign index = forloop.index %} {% for banner in collectionBanners %} {% if banner.position == index %} {% endif %} {% endfor %}

{% assign productImage = product.featured_image %} {% assign hoverImage = product.hover_image %} {% 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 %}

{% 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 %} {% if hoverImage != blank %}{% unless product.tags contains 'Graphic Overlay' %}

{% endunless %}{% endif %}

{% for badge in badges %} {% if product.tags contains badge.tag and badge.tag != 'more-colors' %} {{ badge.collection_badge }} {% 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 %} {% comment %}

{{product.vendor}}

{% endcomment %}

{{ productTitle }}

{% for badge in badges %} {% if product.tags contains badge.tag and badge.tag == 'more-colors' %} {{ badge.collection_badge }} {% endif %} {% endfor %} {% if product.siblings.size > 0 %}

{{ product.siblings.size | plus: 1}} Color{% if product.siblings.size > 1 %}s{% endif %}

{% assign discount_amount = product.price | divided_by: product.compare_price | times: -100 | plus: 100 | round %} {% if product.compare_price > product.price and discount_amount > 10 %} {{ product.price | money }} ~~{{ product.compare_price | money }}~~ {% else %} {% if product.price_min == product.price_max %} {{ product.price_min | money }} {% else %} from {{ product.price | money }} {% endif %} {% endif %}

{% if product.reviews %} {% assign to_half = product.reviews.rating | round:1 | divided_by: 0.5 | round | times: 0.50 %}

{% for i in (1..5) %} {% endfor %} {{ product.reviews.count }} Reviews

{% endfor %}

{% unless total_pages == 1 or total_pages == 0 %}

{% 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 %}

{% endunless %}

Loading Products