Zone filters

number | abs

{{ -3 | abs }}

string | append: string

{%-  assign path = product.url -%}

{{ request.origin | append: path }}

variable | article_img_url

{{ article.image | article_img_url }}

{{ article.image | article_img_url: 'large' }}

string | asset_img_url

{{ 'red-and-black-bramble-berries.jpg' | asset_img_url }}

{{ 'red-and-black-bramble-berries.jpg' | asset_img_url: 'large' }}

string | asset_url

{{ 'cart.js' | asset_url }}

number | at_least

{{ 4 | at_least: 5 }}
{{ 4 | at_least: 3 }}

number | at_most

{{ 6 | at_most: 5 }}
{{ 4 | at_most: 5 }}

customer | avatar

string | base64_decode

{{ 'b25lIHR3byB0aHJlZQ==' | base64_decode }}

string | base64_encode

{{ 'one two three' | base64_encode }}

string | base64_url_safe_decode

{{ 'b25lIHR3byB0aHJlZQ==' | base64_url_safe_decode }}

string | base64_url_safe_encode

{{ 'one two three' | base64_url_safe_encode }}

string | brightness_difference: string

{{ '#E800B0' | brightness_difference: '#FECEE9' }}

string | camelize

{{ 'variable-name' | camelize }}

string | capitalize

{{ 'this sentence should start with a capitalized word.' | capitalize }}

number | ceil

{{ 1.2 | ceil }}

variable | collection_img_url

{{ collection.image | collection_img_url }}

{{ collection.image | collection_img_url: 'large' }}

string | color_brightness

{{ '#EA5AB9' | color_brightness }}

string | color_contrast: string

{{ '#E800B0' | color_contrast: '#D9D8FF' }}

string | color_darken: number

{{ '#EA5AB9' | color_darken: 30 }}

string | color_desaturate: number

{{ '#EA5AB9' | color_desaturate: 30 }}

string | color_difference: string

{{ '#720955' | color_difference: '#FFF3F9' }}

string | color_extract: string

{{ '#EA5AB9' | color_extract: 'red' }}

string | color_lighten: number

{{ '#EA5AB9' | color_lighten: 30 }}

string | color_mix: string, number

{{ '#E800B0' | color_mix: '#00936F', 50 }}

{{ 'rgba(232, 0, 176, 0.75)' | color_mix: '#00936F', 50 }}

string | color_modify: string, number

{{ '#EA5AB9' | color_modify: 'red', 255 }}

{{ '#EA5AB9' | color_modify: 'alpha', 0.85 }}

string | color_saturate: number

{{ '#EA5AB9' | color_saturate: 30 }}

string | color_to_hex

{{ 'rgb(234, 90, 185)' | color_to_hex }}

string | color_to_hsl

{{ '#EA5AB9' | color_to_hsl }}

string | color_to_oklch

{{ '#EA5AB9' | color_to_oklch }}

string | color_to_rgb

{{ '#EA5AB9' | color_to_rgb }}

array | compact

{%- assign original_prices = collection.products | map: 'compare_at_price' -%}

Original prices:

{% for price in original_prices -%}
  - {{ price }}
{%- endfor %}

{%- assign compacted_original_prices = original_prices | compact -%}

Original prices - compacted:

{% for price in compacted_original_prices -%}
  - {{ price }}
{%- endfor %}

array | concat: array

{%- assign types_and_vendors = collection.all_types | concat: collection.all_vendors -%}

Types and vendors:

{% for item in types_and_vendors -%}
  {%- if item != blank -%}
    - {{ item }}
  {%- endif -%}
{%- endfor %}

form | currency_selector

{% form 'currency' %}
  {{ form | currency_selector }}
{% endform %}

{% form 'currency' %}
  {{ form | currency_selector: class: 'custom-class' }}
{% endform %}

string | customer_login_link

{{ 'Log in' | customer_login_link }}

string | customer_logout_link

{{ 'Log out' | customer_logout_link }}

string | customer_register_link

{{ 'Create an account' | customer_register_link }}

string | date: string

{{ article.created_at | date: '%B %d, %Y' }}

{{ 'now' | date: '%B %d, %Y' }}

date | date: string

variable | default: variable

{{ product.selected_variant.url | default: product.url }}

{%- assign display_price = false -%}

{{ display_price | default: true, allow_false: true }}

string | default_errors

paginate | default_pagination

{% paginate collection.products by 2 %}
  {% for product in collection.products %}
    {{- product.title }}
  {% endfor %}

  {{- paginate | default_pagination -}}
{% endpaginate %}

{% paginate collection.products by 2 %}
  {% for product in collection.products %}
    {{- product.title }}
  {% endfor %}

  {{- paginate | default_pagination: previous: 'Previous' -}}
{% endpaginate %}

number | divided_by: number

{{ 4 | divided_by: 2 }}

# divisor is an integer
{{ 20 | divided_by: 7 }}

# divisor is a float 
{{ 20 | divided_by: 7.0 }}

string | downcase

{{ product.title | downcase }}

string | escape

{{ '<p>Text to be escaped.</p>' | escape }}

string | escape_once

# applying the escape filter to already escaped text escapes characters in HTML entities:

{{ "<p>Text to be escaped.</p>" | escape }}

# applying the escape_once filter to already escaped text skips characters in HTML entities:

{{ "<p>Text to be escaped.</p>" | escape_once }}

# use escape_once to escape strings where a combination of HTML entities and non-escaped characters might be present:

{{ "<p>Text to be escaped.</p> & some additional text" | escape_once }}

variable | external_video_tag

{% for media in product.media %}
  {% if media.media_type == 'external_video' %}
    {% if media.host == 'youtube' %}
      {{ media | external_video_url: color: 'white' | external_video_tag }}
    {% elsif media.host == 'vimeo' %}
      {{ media | external_video_url: loop: '1', muted: '1' | external_video_tag }}
    {% endif %}
  {% endif %}
{% endfor %}

{% for media in product.media %}
  {% if media.media_type == 'external_video' %}
    {% if media.host == 'youtube' %}
      {{ media | external_video_url: color: 'white' | external_video_tag: class:'youtube-video' }}
    {% endif %}
  {% endif %}
{% endfor %}

media | external_video_url: attribute: string

{% for media in product.media %}
  {% if media.media_type == 'external_video' %}
    {% if media.host == 'youtube' %}
      {{ media | external_video_url: color: 'white' | external_video_tag }}
    {% elsif media.host == 'vimeo' %}
      {{ media | external_video_url: loop: '1', muted: '1' | external_video_tag }}
    {% endif %}
  {% endif %}
{% endfor %}

string | file_img_url

{{ 'potions-header.png' | file_img_url }}

{{ 'potions-header.png' | file_img_url: 'large' }}

string | file_url

{{ 'disclaimer.pdf' | file_url }}

array | find: string, string

{% assign product = collection.products | find: 'vendor', "Polina's Potent Potions" %}

{{ product.title }}

{% assign product = collection.products | find: 'vendor', "Polina's Potions" %}

{{ product.title | default: "No product found" }}

array | find_index: string, string

{% assign index = collection.products | find_index: 'vendor', "Polina's Potent Potions" %}

{{ index }}

{% assign index = collection.products | find_index: 'vendor', "Polina's Potions" %}

{{ index | default: "No index found" }}

array | first

{%- assign first_product = collection.products | first -%}

{{ first_product.title }}

{{ collection.products.first.title }}

number | floor

{{ 1.2 | floor }}

font | font_face

{{ settings.type_header_font | font_face }}

{{ settings.type_header_font | font_face: font_display: 'swap' }}

font | font_modify: string, string

{%- assign bold_font = settings.type_body_font | font_modify: 'weight', 'bold' -%}

h2 {
  font-weight: {{ bold_font.weight }};
}

{%- assign bold_font = settings.type_body_font | font_modify: 'weight', 'bold' -%}
{%- assign italic_font = settings.type_body_font | font_modify: 'style', 'italic' -%}
{%- assign heavy_font = settings.type_body_font | font_modify: 'weight', '900' | default: bold_font -%}
{%- assign oblique_font = settings.type_body_font | font_modify: 'style', 'oblique' | default: italic_font -%}

h2 {
  font-style: {{ heavy_font.weight }};
}

.italic {
  {% if oblique_font -%}
    font-style: {{ oblique_font.style }};
  {%- else -%}
    font-style: {{ italic_font.style }};
  {%- endif %}
}

font | font_url

{{ settings.type_header_font | font_url }}

{{ settings.type_header_font | font_url: 'woff' }}

address | format_address

{{ shop.address | format_address }}

{{ customer.default_address | format_address }}

string | handleize

{{ product.title | handleize }}
{{ product.title | handle }}

array | has: string, string

{% assign has_potent_potions = collection.products | has: 'vendor', "Polina's Potent Potions" %}

{{ has_potent_potions }}

{% assign has_potent_potions = collection.products | has: 'vendor', "Polina's Potions" %}

{{ has_potent_potions }}

string | hex_to_rgba

{{ '#EA5AB9' | hex_to_rgba }}

{{ '#EA5AB9' | hex_to_rgba: 0.5 }}

string | highlight: string

{% for item in search.results %}
  {% if item.object_type == 'product' %}
    {{ item.description | highlight: search.terms }}
  {% else %}
    {{ item.content | highlight: search.terms }}
  {% endif %}
{% endfor %}

string | highlight_active_tag

{% for tag in collection.all_tags %}
  {{- tag | highlight_active_tag | link_to_tag: tag }}
{% endfor %}

string | hmac_sha1: string

{%- assign secret_potion = 'Polyjuice' | hmac_sha1: 'Polina' -%}

My secret potion: {{ secret_potion }}

string | hmac_sha256: string

{%- assign secret_potion = 'Polyjuice' | hmac_sha256: 'Polina' -%}

My secret potion: {{ secret_potion }}

string | image_tag

{{ product | image_url: width: 200 | image_tag }}

{{ images['potions-header.png'] | image_url: width: 300 | image_tag }}

variable | image_url: width: number, height: number

{{ product | image_url: width: 450 }}

{{ product | image_url: width: 450 }}

string | img_tag

{{ product | img_tag }}

{{ product | img_tag: 'image alt text', '', '450x450' }}

variable | img_url

{{ product | img_url }}

{{ product | img_url: '480x' }}

{{ product | img_url: 'x480' }}

{{ product | img_url: '480x480' }}

{{ product | img_url: 'large' }}

asset_name | inline_asset_content

{{ 'icon.svg' | inline_asset_content }}

cart | item_count_for_variant: {variant_id}

{{ cart | item_count_for_variant: 39888235757633 }}

array | join

{{ collection.all_tags | join }}

{{ collection.all_tags | join: ', ' }}

variable | json

{{ product | json }}

array | last

{%- assign last_product = collection.products | last -%}

{{ last_product.title }}

{{ collection.products.last.title }}

cart | line_items_for: object

{% assign product = all_products['bloodroot-whole'] %}
{% assign line_items = cart | line_items_for: product %}

Total cart quantity for product: {{ line_items | sum: 'quantity' }}

{% assign product = all_products['bloodroot-whole'] %}
{% assign variant = product.variants.first %}
{% assign line_items = cart | line_items_for: variant %}

Total cart quantity for variant: {{ line_items | sum: 'quantity' }}

string | link_to: string

string | link_to_add_tag

{% for tag in collection.all_tags %}
  {%- if current_tags contains tag -%}
    {{ tag }}
  {%- else -%}
    {{ tag | link_to_add_tag: tag }}
  {%- endif -%}
{% endfor %}

string | link_to_remove_tag

{% for tag in collection.all_tags %}
  {%- if current_tags contains tag -%}
    {{ tag | link_to_remove_tag: tag }}
  {%- else -%}
    {{ tag | link_to_add_tag: tag }}
  {%- endif -%}
{% endfor %}

string | link_to_tag

{% for tag in collection.all_tags %}
  {{- tag | link_to_tag: tag }}
{% endfor %}

string | link_to_type

{{ 'Health' | link_to_type }}

{{ 'Health' | link_to_type: class: 'link-class' }}

string | link_to_vendor

{{ "Polina's Potent Potions" | link_to_vendor }}

{{ "Polina's Potent Potions" | link_to_vendor: class: 'link-class' }}

string | lstrip

{%- assign text = '  Some potions create whitespace.      ' -%}

"{{ text }}"
"{{ text | lstrip }}"

array | map: string

{%- assign product_titles = collection.products | map: 'title' -%}

{{ product_titles | join: ', ' }}

string | md5

{{ '' | md5 }}

media | media_tag

{% for media in product.media %}
  {{- media | media_tag }}
{% endfor %}

{% for media in product.media %}
  {{- media | media_tag: image_size: '400x' }}
{% endfor %}

metafield | metafield_tag

<!-- boolean -->
{{ product.metafields.information.seasonal | metafield_tag }}

<!-- collection_reference -->
{{ product.metafields.information.related_collection | metafield_tag }}

<!-- color -->
{{ product.metafields.details.potion_color | metafield_tag }}

<!-- date -->
{{ product.metafields.information.expiry | metafield_tag }}

<!-- date_time -->
{{ product.metafields.information.brew_date | metafield_tag }}

<!-- json -->
{{ product.metafields.information.burn_temperature | metafield_tag }}

<!-- money -->
{{ product.metafields.details.price_per_ml | metafield_tag }}

<!-- multi_line_text_field -->
{{ product.metafields.information.shipping | metafield_tag }}

<!-- number_decimal -->
{{ product.metafields.information.salinity | metafield_tag }}

<!-- number_integer -->
{{ product.metafields.information.doses_per_day | metafield_tag }}

<!-- page_reference -->
{{ product.metafields.information.dosage | metafield_tag }}

<!-- product_reference -->
{{ product.metafields.information.related_product | metafield_tag }}

<!-- rating -->
{{ product.metafields.details.rating | metafield_tag }}

<!-- single_line_text_field -->
{{ product.metafields.information.directions | metafield_tag }}

<!-- url -->
{{ product.metafields.information.health | metafield_tag }}

<!-- variant_reference -->
{{ product.metafields.information.best_seller | metafield_tag }}

<!-- rich_text_field -->
{{ product.metafields.information.rich_description | metafield_tag }}

{{ product.metafields.details.scale_width | metafield_tag }}

metafield | metafield_text

{{ product.metafields.information.dosage | metafield_text }}

{{ product.metafields.information.ingredients | metafield_text: field: 'name' }}

number | minus: number

{{ 4 | minus: 2 }}

media | model_viewer_tag

{% for media in product.media %}
  {% if media.media_type == 'model' %}
    {{ media | model_viewer_tag }}
  {% endif %}
{% endfor %}

{% for media in product.media %}
  {% if media.media_type == 'model' %}
    {{ media | model_viewer_tag: interaction-policy: 'allow-when-focused' }}
  {% endif %}
{% endfor %}

number | modulo: number

{{ 12 | modulo: 5 }}

number | money

{{ product.price | money }}

number | money_amount

{{ product.price | money_amount }}

number | money_with_currency

{{ product.price | money_with_currency }}

number | money_without_currency

{{ product.price | money_without_currency }}

number | money_without_trailing_zeros

{{ product.price | money_without_trailing_zeros }}

string | newline_to_br

{{ product.description | newline_to_br }}

string | placeholder_svg_tag

{{ 'collection-1' | placeholder_svg_tag }}

{{ 'collection-1' | placeholder_svg_tag: 'custom-class' }}

number | pluralize: string, string

Cart item count: {{ cart.item_count }} {{ cart.item_count | pluralize: 'item', 'items' }}

number | plus: number

{{ 2 | plus: 2 }}

string | preload_tag: as: string

{{ 'cart.js' | asset_url | preload_tag: as: 'script' }}

{{ 'cart.js' | asset_url | preload_tag: as: 'script', type: 'text/javascript' }}

string | prepend: string

{%- assign origin = request.origin -%}

{{ product.url | prepend: origin }}

variable | product_img_url

{{ product.featured_image | product_img_url }}

{{ product.images[0] | product_img_url: 'large' }}

array | reject: string, string

{% assign polina_products = collection.products | reject: 'vendor', "Polina's Potent Potions" %}

Products from other vendors than Polina's Potent Potions:

{% for product in polina_products -%}
  - {{ product.title }}
{%- endfor %}

string | remove: string

{{ "I can't do it!" | remove: "'t" }}

string | remove_first: string

{{ "I hate it when I accidentally spill my duplication potion accidentally!" | remove_first: ' accidentally' }}

string | remove_last: string

{{ "I hate it when I accidentally spill my duplication potion accidentally!" | remove_last: ' accidentally' }}

string | replace: string, string

{{ product.handle | replace: '-', ' ' }}

string | replace_first: string, string

{{ product.handle | replace_first: '-', ' ' }}

string | replace_last: string, string

{{ product.handle | replace_last: '-', ' ' }}

array | reverse

Original order:
{{ collection.products | map: 'title' | join: ', ' }}

Reverse order:
{{ collection.products | reverse | map: 'title' | join: ', ' }}

{{ collection.title | split: '' | reverse | join: '' }}

number | round

{{ 2.7 | round }}
{{ 1.3 | round }}

{{ 3.14159 | round: 2 }}

string | rstrip

{%- assign text = '  Some potions create whitespace.      ' -%}

"{{ text }}"
"{{ text | rstrip }}"

string | script_tag

{{ 'cart.js' | asset_url | script_tag }}

string | sha1: string

{%- assign secret_potion = 'Polyjuice' | sha1 -%}

My secret potion: {{ secret_potion }}

string | sha256: string

{%- assign secret_potion = 'Polyjuice' | sha256 -%}

My secret potion: {{ secret_potion }}

variable | size

{{ collection.title | size }}
{{ collection.products | size }}

{% if collection.products.size >= 10 %}
  There are 10 or more products in this collection.
{% else %}
  There are less than 10 products in this collection.
{% endif %}

string | slice

{{ collection.title | slice: 0 }}
{{ collection.title | slice: 0, 5 }}

{{ collection.all_tags | slice: 1, 2 | join: ', ' }}

{{ collection.title | slice: -3, 3 }}

array | sort

{% assign tags = collection.all_tags | sort %}

{% for tag in tags -%}
  {{ tag }}
{%- endfor %}

{% assign products = collection.products | sort: 'price' %}

{% for product in products -%}
  {{ product.title }}
{%- endfor %}

string | sort_by: string

{{ collection.url | sort_by: 'best-selling' }}

array | sort_natural

{% assign tags = collection.all_tags | sort_natural %}

{% for tag in tags -%}
  {{ tag }}
{%- endfor %}

{% assign products = collection.products | sort_natural: 'title' %}

{% for product in products -%}
  {{ product.title }}
{%- endfor %}

string | split: string

{%- assign title_words = product.handle | split: '-' -%}

{% for word in title_words -%}
  {{ word }}
{%- endfor %}

string | strip

{%- assign text = '  Some potions create whitespace.      ' -%}

"{{ text }}"
"{{ text | strip }}"

string | strip_html

<!-- With HTML -->
{{ product.description }}

<!-- HTML stripped -->
{{ product.description | strip_html }}

string | strip_newlines

<!-- With newlines -->
{{ product.description }}

<!-- Newlines stripped -->
{{ product.description | strip_newlines }}

variable | structured_data

<script type="application/ld+json">
  {{ product | structured_data }}
</script>

string | stylesheet_tag

{{ 'base.css' | asset_url | stylesheet_tag }}

stylesheet_url | stylesheet_tag: preload: boolean

array | sum

{% assign fibonacci = '0, 1, 1, 2, 3, 5' | split: ', ' %}

{{ fibonacci | sum }}

Total quantity of all items in cart:
{{ cart.items | sum: 'quantity' }}

Subtotal price for all items in cart:
{{ cart.items | sum: 'final_line_price' | money }}

string | time_tag: string

{{ article.created_at | time_tag: '%B %d, %Y' }}

{{ article.created_at | time_tag: format: 'abbreviated_date' }}

number | times: number

{{ 2 | times: 2 }}

string | t

string | truncate: number

{{ article.title | truncate: 15 }}

{{ article.title | truncate: 15, '--' }}
{{ article.title | truncate: 15, '' }}

string | truncatewords: number

{{ article.content | strip_html | truncatewords: 15 }}

{{ article.content | strip_html | truncatewords: 15, '--' }}

{{ article.content | strip_html | truncatewords: 15, '' }}

array | uniq

{% assign potion_array = 'invisibility, health, love, health, invisibility' | split: ', ' %}

{{ potion_array | uniq | join: ', ' }}

number | unit_price_with_measurement: unit_price_measurement

{%- assign variant = product.variants.first -%}

{{ variant.unit_price | unit_price_with_measurement: variant.unit_price_measurement }}

{%- assign variant = product.variants.first -%}

{{ variant.unit_price | money_with_currency | unit_price_with_measurement: variant.unit_price_measurement }}

string | upcase

{{ product.title | upcase }}

string | url_decode

{{ 'test%40test.com' | url_decode }}

string | url_encode

{{ '[email protected]' | url_encode }}

string | url_escape

{{ '<p>Health & Love potions</p>' | url_escape }}

string | url_for_type

{{ 'health' | url_for_type }}

string | url_for_vendor

{{ "Polina's Potent Potions" | url_for_vendor }}

string | url_param_escape

{{ '<p>Health & Love potions</p>' | url_param_escape }}

media | video_tag

{% for media in product.media %}
  {% if media.media_type == 'video' %}
    {{ media | video_tag }}
  {% endif %}
{% endfor %}

{% for media in product.media %}
  {% if media.media_type == 'video' %}
    {{ media | video_tag: image_size: '400x' }}
  {% endif %}
{% endfor %}

number | weight_with_unit

{%- assign variant = product.variants.first -%}

{{ variant.weight | weight_with_unit }}

{%- assign variant = product.variants.first -%}

{{ variant.weight | weight_with_unit: variant.weight_unit }}

array | where: string, string

{% assign polina_products = collection.products | where: 'vendor', "Polina's Potent Potions" %}

Products from Polina's Potent Potions:

{% for product in polina_products -%}
  - {{ product.title }}
{%- endfor %}

{% assign available_products = collection.products | where: 'available' %}

Available products:

{% for product in available_products -%}
  - {{ product.title }}
{%- endfor %}

string | within: collection

{%- assign collection_product = collection.products.first -%}

{{ collection_product.url | within: collection }}