Liquid filters

Filters transform values: {{ product.price | money }}. Click any filter for syntax, parameters, and example output.

Money

Filter	Description
`money`	Formats a price (stored in paise) using the store currency.
`money_with_currency`	Formats a price and appends the ISO currency code.
`money_without_currency`	Formats the amount without a currency symbol.
`money_without_trailing_zeros`	Formats a price, dropping “.00” when whole.
`money_amount`	Returns the decimal amount as a number, for arithmetic.

Images & media

Filter	Description
`image_url`	Returns a CDN URL for an image, resized and optimized on the fly. Requires width or height.
`image_tag`	Renders a complete element (srcset, sizes, alt, lazy-loading) from an image URL.
`media_tag`	Renders any media object: image, adaptive-streaming video player, or interactive 3D/AR viewer.
`video_tag`	Renders a
`preload_tag`	Emits for a resource URL — use on the LCP hero image.
`payment_type_img_url`	URL of the icon for a payment type.
`payment_type_svg_tag`	Inline SVG tag for a payment type icon.

Colors

Filter	Description
`color_to_rgb`	Converts a color to rgb()/rgba() notation.
`color_to_hsl`	Converts a color to hsl()/hsla() notation.
`color_to_hex`	Converts a color to 6-digit hex.
`color_to_oklch`	Converts a color to oklch() notation (modern CSS color space).
`color_lighten`	Lightens a color by a percentage.
`color_darken`	Darkens a color by a percentage.
`color_saturate`	Increases saturation by a percentage.
`color_desaturate`	Decreases saturation by a percentage.
`color_mix`	Mixes two colors by weight.
`color_modify`	Sets one channel of a color (red, green, blue, alpha, hue, saturation, lightness).
`color_extract`	Reads one channel of a color.
`color_brightness`	Perceived brightness (0–255) — use to choose readable text color.
`color_contrast`	WCAG contrast ratio between two colors.
`color_difference`	Color difference between two colors (0–765).
`brightness_difference`	Brightness difference between two colors (0–255).

Fonts

Filter	Description
`font_face`	Emits the @font-face CSS for a font setting.
`font_family`	The CSS font-family stack for a font, including fallbacks.
`font_url`	CDN URL of the font file (woff2 by default).
`font_stylesheet_url`	URL of a stylesheet covering the given fonts.
`font_stylesheet_tag`	Complete tag for the given fonts.

URLs & links

Filter	Description
`asset_url`	Versioned CDN URL for a file in the theme’s assets/ folder.
`global_asset_url`	URL for a platform-provided shared asset.
`shopify_asset_url`	Compatibility alias for platform asset URLs (eases Shopify theme ports).
`file_url`	Public URL for a file uploaded in the admin (Files).
`stylesheet_tag`	Renders a for a URL.
`script_tag`	Renders a
`inline_asset_content`	Inlines a theme asset’s raw contents into the page (ideal for SVG icons).
`link_to`	Builds an tag.
`link_to_tag`	Link that filters the current collection to one tag.
`link_to_add_tag`	Link that adds a tag to the active collection filters.
`link_to_type`	Link to the automatic collection for a product type.
`link_to_vendor`	Link to the automatic collection for a vendor.
`url_for_type`	URL of the automatic collection for a product type.
`url_for_vendor`	URL of the automatic collection for a vendor.
`highlight_active_tag`	Wraps the tag in a highlight class when it is an active filter.
`customer_login_link`	Login link for the customer account area.
`customer_logout_link`	Logout link for the signed-in customer.
`customer_register_link`	Registration link for new customer accounts.
`login_button`	Renders the platform login button.
`url_escape`	Percent-encodes unsafe URL characters.
`url_param_escape`	Percent-encodes a value for use as a query parameter (also encodes &).
`encode_url_component`	JavaScript-style encodeURIComponent.

Strings & data

Filter	Description
`t`	Translates a key from the theme’s locales/ files. Supports interpolation and counts.
`translate`	Alias of t.
`json`	Serializes any value or object to JSON.
`api_json`	Serializes drops into the storefront-API JSON shape — for passing data to JavaScript.
`structured_data`	JSON-LD structured data (Product, Article…) for rich search results.
`format_address`	Locale-aware HTML for a postal address.
`date`	Formats a date with strftime patterns or named formats; locale-aware.
`time_tag`	Semantic element with formatted text.
`pluralize`	Chooses singular or plural based on a count.
`camelize`	Converts a string to CamelCase.
`highlight`	Wraps occurrences of the search terms in .
`base64_url_safe_encode`	URL-safe Base64 encode.
`base64_url_safe_decode`	URL-safe Base64 decode.
`blake3`	BLAKE3 hash of a string (hex).
`default`	Fallback when a value is nil, false, or empty.
`default_pagination`	Renders prev/next page controls for a paginate block.
`sort_by`	Appends a sort_by parameter to a collection URL.
`within`	Scopes a product URL to a collection for collection-aware navigation.

Commerce

Filter	Description
`product_inventory_json`	Per-variant live inventory payload used by themes for client-side availability.
`payment_button`	Renders the dynamic checkout button for the current product form.
`payment_terms`	Renders payment terms/installments messaging when available.
`avatar`	Avatar element (initials) for a customer.
`editor_setting`	Theme-editor binding attribute so a setting becomes click-to-edit in the visual editor. No output on the live store.

Standard

Filter	Description
`abs`	Absolute value.
`append`	Appends a string.
`at_least`	Clamps a number to a minimum.
`at_most`	Clamps a number to a maximum.
`capitalize`	Uppercases the first character.
`ceil`	Rounds up.
`compact`	Removes nil values from an array.
`concat`	Concatenates two arrays.
`divided_by`	Division.
`downcase`	Lowercases a string.
`escape`	HTML-escapes a string.
`escape_once`	HTML-escapes without double-escaping entities.
`first`	First element of an array.
`floor`	Rounds down.
`join`	Joins array elements with a separator.
`last`	Last element of an array.
`lstrip`	Strips leading whitespace.
`map`	Plucks a property from each element.
`minus`	Subtraction.
`modulo`	Remainder.
`newline_to_br`	Converts newlines to .
`plus`	Addition.
`prepend`	Prepends a string.
`remove`	Removes every occurrence of a substring.
`remove_first`	Removes the first occurrence of a substring.
`replace`	Replaces every occurrence.
`replace_first`	Replaces the first occurrence.
`reverse`	Reverses an array.
`round`	Rounds to the nearest integer or given decimals.
`rstrip`	Strips trailing whitespace.
`size`	Length of a string or array.
`slice`	Substring/sub-array by offset and length.
`sort`	Sorts an array (case-sensitive); pass a property to sort objects.
`sort_natural`	Case-insensitive sort.
`split`	Splits a string into an array.
`strip`	Strips surrounding whitespace.
`strip_html`	Removes HTML tags.
`strip_newlines`	Removes newline characters.
`sum`	Sums array values; pass a property name for objects.
`times`	Multiplication.
`truncate`	Truncates to a length with an ellipsis.
`truncatewords`	Truncates to a word count.
`uniq`	Removes duplicates.
`upcase`	Uppercases a string.
`url_decode`	Decodes percent-encoding.
`url_encode`	Percent-encodes for URLs (spaces become +).
`where`	Filters an array of objects by property value.