Online Store Filters

All the filter spesific or available in online store themes


asset_url

Get URL for theme asset file. If you have a JSON cache manifest file in the public directory of your theme, the cached index is automatically retrieved.

public/cache.manifest.json

 {
     "js/cache-broken.js" => "js/cache-broken.234adsdsf2341234.js"
 }

Input

 {{ 'image/my-asset.png' | asset_url }}
 {{ 'main.css' | asset_url }}
 {{ 'js/cache-broken.js' | asset_url }}

Output

 https://cdn.finqu.com/themes/12345/image/my-asset.png
 https://cdn.finqu.com/themes/12345/main.234adsdsf2341234.css
 https://cdn.finqu.com/themes/12345/js/cache-broken.234adsdsf2341234.js

full_url

Completes relative urls to absolute URLs.

Input

 {{ "/my/store/path" | full_url }}

Output

 https://www.mystore.com//my/store/path

link

Creates a link to store resource.

Input

 {{ product | link }}

Output

 https://www.mystore.com/product/my-product

link_to_within

Creates a category-aware URL for the product and wraps the links in anchor element

Input

 {{ product | link_to_within: category }}

Output

 <a href="https://www.mystore.com/products/my-product?category=my-category" title="My Product Title">My Product Title</a>

merchant_img_url

Get URL for a merchant image. Paths are ignored and only the basename is used. If you provide a full URL then that is returned. If image extension type is not recognized then the input is returned.

Input

 {{ 'my-image.png' | merchant_img_url }}
 {{ '/path/my-image.png' | merchant_img_url }}
 {{ 'https://somedomain.com/path/my-image.png' | merchant_img_url }}
 {{ 12345 | merchant_img_url }}

Output

 https://cdn.finqu.com/users/12345/images/uploads/my-image.png
 https://cdn.finqu.com/users/12345/images/uploads/my-image.png
 https://somedomain.com/path/my-image.png
 12345

money

Rounds the given amount in currenct display currency.

Input

 {{ 3.45234 | money }}

Output

 3.45

money_in_smallest

Returns the given amount in the smallest currency unit.

Input

 {{ 3.45234 | money_in_smallest }}

Output

 345

money_with_currency

Returns the amount in current display currency rounded and formatted.

Input

 {{ 3.45234 | money_with_currency }}

Output

 3.45 €

query_params

Return a array containing query params from given url.

Input

 {{ 'https://www.mystore.com/products/my-product?width=32&height=45' | query_params }}

svg_tag

Renders a SVG from public directory of your theme.

Input

 {{ 'icon' | svg_tag}}

Output

 <svg viewBox="0 0 525 525" fill="none" stroke="black" xmlns="http://www.w3.org/2000/svg"><!-- SVG definition --></svg>

For more advanced usage, you can define SVG attributes as filter parameters and set a CSS class for the svg element.

Input

 {{ 'icon' | svg_tag: stroke:'blue', width: 20, height: 20, class: 'my-svg-class' }}

Output

 <svg class="my-svg-class" width="20" height="20" viewBox="0 0 525 525" fill="none" stroke="blue" xmlns="http://www.w3.org/2000/svg"><!-- SVG definition --></svg>

t

Retrieve a translation with given key from the locale file for the active locale.

Input

 {{ "add_to_cart" | t }}
 {{ "sold_out" | t: title: product.title }}

Output

 Add to cart
 Product Jeans is sold out

weight_with_unit

Returns the weight for a product with unit.

Input

 {{ product | weight_with_unit }}

Output

 3,4 kg

within

Creates a category-aware URL for the product.

Input

 {{ product_url = product | within: category }}

Output

 https://www.mystore.com/products/my-product?category=my-category