Element
{% if products.length > 1 %}{{ products.length }} results{% endif %}
{% 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 %}
![]()
{% endif %}
{% endfor %}
{% endfor %}
{% 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 %}
{% 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 %}
{% if hoverImage != blank %}{% unless product.tags contains 'Graphic Overlay' or product.hover_image_alt contains 'swatch' %}
![{{ product.hover_image_alt }}]()
{% endunless %}{% 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 -%}
{{ 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 badges %}
{% 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 }}
{% for badge in badges %} {% if product.tags contains badge.tag and badge.tag == 'more-colors' %} {{ badge.collection_badge }} {% endif %} {% endfor %} {% 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
Element Skateboards was founded in 1992 by Johnny Schillereff and has been one of the biggest names in skateboarding ever since. Focusing on the four elements of the natural world: water, wind, fire and earth, Element has always had a very naturalistic look. They start by only selling boards, but then they got bought by Billabong and since then an entire line of shoes, apparel, wheels, bearings, and trucks has been launched. Element has had some of the biggest names in skateboarding on their team since its conception and has continued that tradition.
Element always gives back to the planet that skateboarding takes from. Element has some of the most well-known graphics in skateboarding and will continue to surprise us all with their innovative technology for many years to come. Give back to your routes and ride an Element Skateboard.