Shopify Filters (URLs, HTML, Money and More)

Returns the CDN URL of a file in the theme's assets folder.

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

Converts a string to CamelCase.

{{ 'variant-title' | camelize }}  → VariantTitle

Capitalizes the first character of a string.

{{ 'summer sale' | capitalize }}

Outputs ready-made pagination links. Use inside a paginate block.

{{ paginate | default_pagination: next: 'Next', previous: 'Prev' }}

Returns the URL of a Shopify-hosted global asset. Rarely needed in modern themes.

{{ 'lightbox.js' | global_asset_url | script_tag }}

Converts a string into a handle.

{{ 'Summer Sale!' | handleize }}  → summer-sale

Use image_url with image_tag, which outputs responsive srcset, width and height attributes automatically.

{% comment %} Current {% endcomment %}
{{ product.featured_image | image_url: width: 800 | image_tag: loading: 'lazy' }}

Wraps text in a link to a URL.

{{ 'Contact us' | link_to: '/pages/contact' }}

Links a vendor name to its auto-generated vendor collection.

{{ product.vendor | link_to_vendor }}

Links a product type to its auto-generated type collection.

{{ product.type | link_to_type }}

On collection and blog pages, links to the current resource filtered by a tag.

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

Links to the current page with a tag added to the active filters.

{{ tag | link_to_add_tag: tag }}

Links to the current page with a tag removed from the active filters.

{{ tag | link_to_remove_tag: tag }}

Wraps a tag in <span class="active"> when it is currently applied.

{{ tag | highlight_active_tag | link_to_tag: tag }}

Formats a price using the store's money format. Prices in Liquid are in cents (subunits), so always apply a money filter.

{{ product.price | money }}  → $19.99

Formats a price with the currency code.

{{ product.price | money_with_currency }}  → $19.99 USD

Formats a price as a number without a currency symbol.

{{ product.price | money_without_currency }}  → 19.99

Picks the singular or plural word based on a number.

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

Deprecated, along with img_url. Use image_url with a width or height parameter.

{{ product.featured_image | image_url: width: 600 }}

Adds a sort parameter to a collection URL.

{{ collection.url | sort_by: 'price-ascending' }}

Outputs a <script> tag. It is render-blocking, so for performance prefer a manual <script src="…" defer>.

<script src="{{ 'app.js' | asset_url }}" defer></script>

Outputs a <link rel="stylesheet"> tag for a URL.

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

Returns the URL of a product type's collection page.

{{ 'Shirts' | url_for_type }}

Returns the URL of a vendor's collection page.

{{ 'Acme' | url_for_vendor }}

Formats a weight (stored in grams) using the store's weight unit.

{{ variant.weight | weight_with_unit }}

Scopes a product URL to a collection, producing /collections/…/products/…. These URLs duplicate the canonical product URL, so many SEO-focused themes avoid them.

{{ product.url | within: collection }}