Skip to Content
ReferenceLiquid ReferenceFiltersURL

URL Filters

These filters are used for manipulating and generating URLs in Liquid templates. They help build query strings, create anchor elements, generate thumbnails, and encode or decode URLs. Use these filters to manage links, images, and URL parameters dynamically in your templates.

build_query

Merges given query to current query.

Input

{{ product | link | build_query: "width=32&height=45" }}

Output

https://www.mystore.com/products/my-product?width=32&height=45

Shorthand for creating a anchor element.

Input

{{ "Start your trial now!" | link_to: "https://finqu.com" }} {{ "Start your trial now!" | link_to: "https://finqu.com", "Visit finqu.com", "_blan" }}

Output

<a href="https://finqu.com">Start your trial now!</a> <a href="https://finqu.com" title="Visit finqu.com" target="_blank">Start your trial now!</a>

thumb

Creates a thumbnail from given image. Supports only images that are hosted by Finqu or Unsplash. You set a custom size with a parameter or select one from predefined size constants.

ConstantSize
pico16x16
icon32x32
thumb50x50
small100x100
compact160x160
medium240x240
large480x480

Input

{{ product.image | thumb:'icon' }} {{ product.image | thumb:'240','400' }} {{ product.image | thumb:'240, 400' }}

Output

https://images.finqu.com/sgfbHn2OZSwTzVwAoCvT6LJrYHstpb4FEZD6VXMLP2VtRiXG/image_32_32.png https://images.finqu.com/sgfbHn2OZSwTzVwAoCvT6LJrYHstpb4FEZD6VXMLP2VtRiXG/image_240_400.png https://images.finqu.com/sgfbHn2OZSwTzVwAoCvT6LJrYHstpb4FEZD6VXMLP2VtRiXG/image_240_400.png

url_decode

Decodes a string that has been encoded as a URL.

Input

{{ "%27Stop%21%27+said+Fred" | url_decode }}

Output

'Stop!' said Fred

url_encode

Converts any URL-unsafe characters in a string into percent-encoded characters.

Input

{{ "john@liquid.com" | url_encode }}

Output

john%40liquid.com
Last updated on