HTML
HTML filters create HTML elements based on Liquid properties or a store’s assets.
link_to
string |
link_to:
string
Generates an HTML <a>
tag.
{{ 'Shoplazza' | link_to: 'https://www.shoplazza.com' }}
<a href="https://www.shoplazza.com">Shoplazza</a>
title attribute
string |
link_to:
string,
string
You can specify title
attribute.
{{ 'Shoplazza' | link_to: 'https://www.shoplazza.com', 'Shoplazza official website' }}
<a href="https://www.shoplazza.com" title="Shoplazza official website">Shoplazza</a>
placeholder_svg
string |
placeholder_svg
Generates an image object for a given placeholder name.
Accepts the following placeholder names:
collection-1
collection-2
collection-3
collection-4
collection-5
collection-6
image
lifestyle-1
lifestyle-2
product-1
product-2
product-3
product-4
product-5
product-6
{{ 'collection-1' | placeholder_svg }}
{
"id": "b22d3fdff5b882dbfcc32e48da96c604",
"width": 150,
"height": 150,
"aspect_ratio": 1,
"src": "//cdn.shoplazza.com/b22d3fdff5b882dbfcc32e48da96c604.svg",
"path": "b22d3fdff5b882dbfcc32e48da96c604.svg"
}
placeholder_svg_tag
string |
placeholder_svg_tag
Generates an HTML <svg>
tag for a given placeholder name.
Accepts the following placeholder names:
collection-1
collection-2
collection-3
collection-4
collection-5
collection-6
image
lifestyle-1
lifestyle-2
product-1
product-2
product-3
product-4
product-5
product-6
{{ 'product-4' | placeholder_svg_tag }}
<svg class="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800"><defs><style>.cls-1{fill:#fff;opacity:0;}</style></defs><rect class="cls-1" x="-0.21" y="0.21" width="800" height="800"></rect><path d="M521.12,457.36v2.19q0,21.49,0,43c0,6.71-3.84,11.79-10.15,13.43a12.52,12.52,0,0,1-6.46,0c-9.32-2.45-17.65-7-25.87-11.86-9.57-5.63-19-11.47-28.79-16.72A102,102,0,0,0,415,476.26,111.07,111.07,0,0,0,349.87,487c-10.28,5.05-20.19,10.89-30.24,16.41-7.37,4-14.63,8.3-22.58,11.15-6.49,2.33-13.08.08-16.42-5.65a12,12,0,0,1-1.74-6.08q0-21.91,0-43.81v-1.65c-5.56.41-9.42-3.25-9.18-8.76a239.23,239.23,0,0,1,3.41-30.44,231.28,231.28,0,0,1,9.55-37.29c5.53-15.64,12.79-30.41,22.88-43.64,15.88-20.84,36.4-34.82,62-40.92,6.39-1.52,13-2.26,19.45-3.36l.74-.12a10.65,10.65,0,0,1,3.11-5.93,12.52,12.52,0,0,1,6.91-3c4-.52,7.89-.32,11.47,1.79a9,9,0,0,1,4.5,6.08,1.39,1.39,0,0,0,1.45,1.28,125.45,125.45,0,0,1,24.27,4.78,106,106,0,0,1,45.67,28.09,136.36,136.36,0,0,1,25,36.9c7.49,15.92,12.43,32.65,15.82,49.88a291.07,291.07,0,0,1,4.07,29.51c.2,2.22.31,4.46.37,6.68C530.46,454.19,526.53,457.86,521.12,457.36ZM399.44,297.1c-.49,0-.85,0-1.21,0a127,127,0,0,0-29.51,3.64A103.33,103.33,0,0,0,319.81,328c-10,9.83-17.69,21.26-24,33.67a3.26,3.26,0,0,0-.34,1c-.41,3.79-1,7.57-1.13,11.37-.24,9.38-.45,18.78-.25,28.16A187,187,0,0,0,295.63,421c.7,5.66,1.84,11.26,2.78,16.88.14.86.28,1.8-.88,2s-1.2-.73-1.38-1.54a210.83,210.83,0,0,1-4.6-41.89c-.12-8.45.46-16.91.72-25.36,0-.46,0-.92,0-1.38l-.43-.06c-.76,2.36-2.06,4.69-2.18,7.08-.36,7.28-.25,14.59-.33,21.89a3.1,3.1,0,0,1-.08,1.23c-.18.36-.63.82-.94.81a1.71,1.71,0,0,1-1.16-.73c-.21-.3-.12-.81-.12-1.22q0-7.05,0-14.09c0-.32-.06-.64-.09-1l-.37,0c-1.84,6.46-3.9,12.86-5.5,19.39a255.24,255.24,0,0,0-6.81,45.93c-.19,3.27,2.46,5,5.35,3.55,2.27-1.16,4.49-2.42,6.78-3.55s4.7-2.18,7.06-3.27c-.05-.3-.07-.53-.12-.75-.8-3.62-1.61-7.24-2.4-10.86-.18-.84-.36-1.84.77-2s1.38.66,1.52,1.57.32,1.64.5,2.46c.63,2.89,1.27,5.77,1.91,8.68a5.64,5.64,0,0,0,.57-.15c19.16-7.49,39.1-11.74,59.46-14,10.84-1.19,21.76-1.92,32.67-2.24,22.51-.66,45,.23,67.27,3.75a237.87,237.87,0,0,1,39.75,9.43c3,1,5.93,2.07,9,3.14.12-.38.25-.73.33-1.08.65-2.9,1.29-5.79,1.92-8.69.17-.77.38-1.53,1.39-1.36s1,1,.88,1.84-.28,1.36-.43,2c-.61,2.75-1.23,5.49-1.81,8,4.65,2.31,9.15,4.51,13.6,6.79,1.3.66,2.57,1,3.82.17a3.74,3.74,0,0,0,1.73-3.73c-1-9.37-1.74-18.78-3.12-28.09a205,205,0,0,0-9-36.57l-.43-1.2c-.14,1.59-.14,3.13-.15,4.66,0,2.93,0,5.86-.06,8.78,0,.46-.67.9-1,1.35a8.26,8.26,0,0,1-1.13-1c-.14-.17,0-.54,0-.82-.1-6.23-.27-12.46-.26-18.69,0-3.24-1.71-5.78-3-8.53.24,3.08.53,6.16.7,9.25a245.45,245.45,0,0,1-.49,32.88,230.4,230.4,0,0,1-4,27.68c-.17.81-.41,1.68-1.45,1.46s-1.08-1.06-.88-2a210.68,210.68,0,0,0,4.75-43.55c0-8.82-.56-17.65-1.05-26.46a21.64,21.64,0,0,0-2.36-9.61c-7.05-12.86-15.51-24.59-26.47-34.42A101.25,101.25,0,0,0,451,307.18a114.45,114.45,0,0,0-37.83-9.74c-2.11-.2-4.24-.25-6.48-.37M399.44,422.6m117.18,32.72c-2.14-1.09-4.31-2.24-6.53-3.31-1.71-.82-3.47-1.57-5.23-2.3-19.46-8-39.84-12.36-60.66-14.69-10.2-1.14-20.46-1.85-30.71-2.21a388.08,388.08,0,0,0-48.34,1.24,291.65,291.65,0,0,0-35.77,5.33c-14.52,3.15-28.64,7.47-42,14-1.36.66-2.69,1.4-3.89,2,.06,1.09.15,2,.15,2.84q0,21.61,0,43.24A11.74,11.74,0,0,0,284,505a8.47,8.47,0,0,0,11.32,5.33c7.46-2.69,14.34-6.55,21.23-10.42,8.58-4.82,17.08-9.8,25.81-14.36,14.93-7.81,30.67-13.13,47.61-14.51a119.22,119.22,0,0,1,27,.8,107.7,107.7,0,0,1,35.44,11.54c9,4.8,17.65,10.11,26.38,15.31,8.4,5,16.81,9.93,26.36,12.43a11,11,0,0,0,4.38.35c4.31-.7,7.07-4.26,7.08-8.86q0-22.39,0-44.78ZM392.49,292.48h16.79c-2.34-4.2-6.19-4.21-10-4C396.39,288.64,393.79,289.49,392.49,292.48Z"></path><path d="M456.35,316.27a6.27,6.27,0,1,1-12.54-.23,6.21,6.21,0,0,1,6.14-6.11A6.41,6.41,0,0,1,456.35,316.27Zm-2.28-.08a4.19,4.19,0,0,0-3.92-4,4.15,4.15,0,0,0-4.07,4,4,4,0,1,0,8,0Z"></path><path d="M351.48,309.93a6.33,6.33,0,0,1,6.38,6.34,6.27,6.27,0,1,1-6.38-6.34Zm0,10.25a4.17,4.17,0,0,0,4.05-4,4.11,4.11,0,0,0-3.84-4,4.17,4.17,0,0,0-4.14,3.86A4.24,4.24,0,0,0,351.53,320.18Z"></path><path d="M512.32,409.41c-.61,5.15-1.19,10.3-1.86,15.45-.06.45-.74.82-1.14,1.23-.34-.48-1-1-1-1.43.54-5.72,1.18-11.43,1.81-17.14a1.3,1.3,0,0,1,.35-.85,1.45,1.45,0,0,1,1.11-.3,1.26,1.26,0,0,1,.62.94,14.46,14.46,0,0,1-.07,2.08Z"></path><path d="M287.83,409.21c0-.37-.2-.8-.06-1.09a8,8,0,0,1,1-1.4c.35.4.94.77,1,1.21.26,1.79.33,3.6.53,5.4.31,2.95.66,5.9,1,8.85.05.46.1.92.14,1.38.08.74-.11,1.46-.94,1.35a1.78,1.78,0,0,1-1.18-1.16,43.31,43.31,0,0,1-.63-4.69c-.33-3.28-.64-6.56-1-9.84Z"></path><path d="M508.29,474.3c0,5.35,0,10.7,0,16,0,5.53-4.41,8.29-9.43,6.05-9.83-4.37-19-10-28.33-15.25-9.75-5.5-19.69-10.61-30.34-14.22a123.84,123.84,0,0,0-25.73-5.79,130.49,130.49,0,0,0-25.61-.47,124.07,124.07,0,0,0-35.53,8.22c-5,1.95-9.83,4.14-14.74,6.25-.88.38-1.76.9-2.32-.37s.32-1.56,1.16-2c13.62-6.55,27.74-11.6,42.75-13.78a135.77,135.77,0,0,1,28.5-1,127.65,127.65,0,0,1,35.66,7.65c10.66,3.93,20.61,9.34,30.49,14.91,8.21,4.62,16.56,9,24.87,13.45a6.49,6.49,0,0,0,2.37.69,3.37,3.37,0,0,0,3.68-2.86,13.14,13.14,0,0,0,.14-2.08q0-15.9,0-31.8c0-.92-.46-2.33,1.15-2.36s1.21,1.45,1.22,2.4C508.31,463.43,508.29,468.86,508.29,474.3Z"></path><path d="M286.17,478.42V460.84a2.5,2.5,0,0,1,.05-1.1c.22-.39.61-.9,1-.95a1.56,1.56,0,0,1,1.2.65,2.93,2.93,0,0,1,.22,1.47q0,17.29,0,34.6c0,3.61,2,6.36,5.28,7.1a7.48,7.48,0,0,0,5.39-.79c5.5-3,11-5.94,16.52-9,10.71-6,21.31-12.13,32.6-17a132.87,132.87,0,0,1,26.86-8.62,124.45,124.45,0,0,1,34.25-2c17.8,1.43,34.32,6.88,49.91,15.39.59.32,1.42.53.89,1.51s-1.21.92-2.11.5c-5.42-2.54-10.77-5.27-16.31-7.51a109.48,109.48,0,0,0-27.56-7,121.41,121.41,0,0,0-27.41-.4,125.4,125.4,0,0,0-34.15,8.65c-12.11,4.86-23.4,11.31-34.71,17.73-5.94,3.36-11.92,6.67-18,9.82-6.86,3.57-14-.86-14-8.6C286.16,489.67,286.17,484.05,286.17,478.42Z"></path><path d="M513.83,479.66q0,9.07,0,18.13c0,7.15-6.77,11.65-13.29,8.74-3.6-1.61-7.06-3.5-10.59-5.27-.74-.36-1.3-.85-.83-1.73s1.19-.63,1.92-.27c3.39,1.71,6.75,3.52,10.21,5.08,4.37,2,8.84-.2,9.92-4.69a11,11,0,0,0,.19-2.63q0-17.85,0-35.7c0-1-.28-2.34,1.21-2.37s1.25,1.32,1.25,2.31Q513.84,470.46,513.83,479.66Z"></path><path d="M291.71,484c0-2,0-3.9,0-5.85,0-.85.22-1.55,1.18-1.51s1.23.68,1.23,1.54v10.17a12.92,12.92,0,0,0,.05,1.39c.33,3.1,2.66,4.43,5.48,3,3.78-1.87,7.52-3.83,11.28-5.75a4.1,4.1,0,0,1,1.36-.67,5.79,5.79,0,0,1,1.69.35c-.21.53-.27,1.32-.66,1.56-1.53,1-3.15,1.76-4.77,2.58-2.56,1.31-5.12,2.61-7.71,3.86-4.73,2.27-9.08-.46-9.12-5.69,0-1.67,0-3.35,0-5Z"></path><path d="M465.41,483.72c.37.19.75.37,1.1.58,5.14,3.15,10.27,6.32,15.41,9.46.76.46,1.33,1,.78,1.88s-1.25.49-1.93.08q-7.75-4.77-15.54-9.5c-1.19-.73-1.4-1.66-.5-2.24A3.57,3.57,0,0,1,465.41,483.72Z"></path><path d="M291.7,463.79c0-2.18,0-4.35,0-6.53,0-.84.19-1.55,1.12-1.59s1.29.73,1.29,1.6q0,6.54,0,13.07c0,.87-.27,1.65-1.3,1.6s-1.11-.79-1.1-1.61C291.72,468.15,291.7,466,291.7,463.79Z"></path><path d="M318.72,485.33c-.27-.21-.71-.4-.85-.71a1.56,1.56,0,0,1,.12-1.13,1.58,1.58,0,0,1,.73-.6l10.44-5.56c.68-.36,1.33-.49,1.76.37s0,1.23-.63,1.58L319.63,485A6.17,6.17,0,0,1,318.72,485.33Z"></path><path d="M400,412.57a31.51,31.51,0,1,1,31.51-31.51A31.54,31.54,0,0,1,400,412.57Zm0-60.23a28.72,28.72,0,1,0,28.72,28.72A28.75,28.75,0,0,0,400,352.34Z"></path><path d="M400.1,407.56h0a26.85,26.85,0,0,1-4.57-.39.84.84,0,0,1-.68-1,.82.82,0,0,1,1-.68,25.62,25.62,0,0,0,4.29.37h0a25,25,0,0,0,4.32-.38.84.84,0,0,1,.29,1.65A26.25,26.25,0,0,1,400.1,407.56Zm-12.82-3.42a.77.77,0,0,1-.41-.11,26.34,26.34,0,0,1-7.05-5.91.82.82,0,0,1,.1-1.17.83.83,0,0,1,1.18.1,24.87,24.87,0,0,0,6.6,5.53.84.84,0,0,1-.42,1.56Zm25.66,0a.85.85,0,0,1-.73-.42.84.84,0,0,1,.31-1.14,25.06,25.06,0,0,0,6.59-5.55.84.84,0,0,1,1.18-.1.83.83,0,0,1,.1,1.18,26.71,26.71,0,0,1-7,5.92A.87.87,0,0,1,412.94,404.12ZM376,390.72a.83.83,0,0,1-.79-.55,26.47,26.47,0,0,1-1.61-9.05.84.84,0,0,1,.84-.84h0a.84.84,0,0,1,.84.83,24.73,24.73,0,0,0,1.5,8.49.83.83,0,0,1-.5,1.07A.92.92,0,0,1,376,390.72Zm48.22-.05a.77.77,0,0,1-.29-.05.84.84,0,0,1-.5-1.07,24.68,24.68,0,0,0,1.49-8.49V381a.84.84,0,1,1,1.68,0v.09a26.52,26.52,0,0,1-1.59,9.07A.85.85,0,0,1,424.21,390.67ZM376,373.17a.69.69,0,0,1-.28-.05.84.84,0,0,1-.51-1.07,26.33,26.33,0,0,1,4.59-8,.83.83,0,1,1,1.28,1.07,24.75,24.75,0,0,0-4.29,7.47A.85.85,0,0,1,376,373.17Zm48.23-.14a.85.85,0,0,1-.79-.55,24.62,24.62,0,0,0-4.34-7.44.84.84,0,0,1,1.28-1.08A26.51,26.51,0,0,1,425,371.9a.84.84,0,0,1-.49,1.08A1,1,0,0,1,424.18,373Zm-37-13.32a.84.84,0,0,1-.42-1.56,26.17,26.17,0,0,1,8.63-3.17.83.83,0,0,1,.3,1.64,24.64,24.64,0,0,0-8.09,3A.81.81,0,0,1,387.2,359.71Zm25.65-.08a.91.91,0,0,1-.42-.11,24.54,24.54,0,0,0-8.1-2.92.84.84,0,1,1,.28-1.65,26.17,26.17,0,0,1,8.66,3.12.83.83,0,0,1,.3,1.14A.82.82,0,0,1,412.85,359.63Z"></path><g id="-1"><g><path d="M395.23,378.52l.86.13v.81l.07-.09a2.08,2.08,0,0,1,1.68-.82,2.57,2.57,0,0,1,0,5.12,2.13,2.13,0,0,1-1.68-.78l-.07-.08V385l-.86-.12Zm-3.21,0a2.57,2.57,0,0,1,2.57,2.56,2.54,2.54,0,0,1-.74,1.83,2.5,2.5,0,0,1-1.84.74,2.57,2.57,0,0,1,0-5.13Zm-8.4-.87.05,0-.51.68-.06,0a2.72,2.72,0,0,0-1.82-.69c-.77,0-1.3.4-1.3,1s.12.86,1.69,1.19,2.17.9,2.17,1.91a1.76,1.76,0,0,1-.65,1.4,2.54,2.54,0,0,1-1.64.51,3.8,3.8,0,0,1-2.68-1.05l-.05-.05.54-.64.06.05a3,3,0,0,0,2.17.89c.83,0,1.36-.41,1.36-1s-.25-.88-1.62-1.17-2.23-.73-2.23-2a2,2,0,0,1,2.2-1.84A3.4,3.4,0,0,1,383.62,377.68Zm21.06.91a1.85,1.85,0,0,1,2.11,2v3l-.83-.12v-.55l-.07.07a2.16,2.16,0,0,1-1.58.62c-.93,0-1.86-.45-1.86-1.48s.85-1.71,2.11-1.71a4.94,4.94,0,0,1,1.27.19l.13,0v-.12c0-1-.72-1.14-1.35-1.14a3.33,3.33,0,0,0-1.42.34l-.07,0-.26-.72.06,0A4,4,0,0,1,404.68,378.59Zm14.22,0a1.84,1.84,0,0,1,2.1,2v3l-.82-.12v-.55l-.07.07a2.19,2.19,0,0,1-1.59.62h0c-.92,0-1.85-.45-1.85-1.48s.85-1.71,2.11-1.71a5,5,0,0,1,1.27.19l.13,0v-.12c0-1-.73-1.14-1.35-1.14a3.3,3.3,0,0,0-1.42.34l-.08,0-.26-.72.06,0A4,4,0,0,1,418.9,378.59Zm-7.36.06.13.56-3.09,3.62h3.09v.74h-4.15l-.13-.56,3.08-3.61h-3v-.75Zm4.72,0,.12.56-3.09,3.62h3.09v.74h-4.15l-.13-.56,3.08-3.61h-3v-.75Zm-31.7-2,.86.13v2.49l.07-.08a1.92,1.92,0,0,1,3.39,1.31v3l-.86-.13v-2.73c0-.87-.44-1.37-1.24-1.37a1.33,1.33,0,0,0-1.36,1.42v2.81l-.86-.13Zm16.38-.13.85.12v6.89l-.85-.13Zm3.7,4.5c-.81,0-1.33.4-1.33,1s.59.88,1.13.88a1.57,1.57,0,0,0,1.53-1.35v-.36h0A4.8,4.8,0,0,0,404.64,381.06Zm14.21,0h0c-.8,0-1.32.4-1.32,1s.59.88,1.13.88a1.57,1.57,0,0,0,1.52-1.35v-.36h0a4.84,4.84,0,0,0-1.2-.18ZM392,379.32a1.67,1.67,0,0,0-1.67,1.79A1.72,1.72,0,0,0,392,382.9a1.69,1.69,0,0,0,1.68-1.77A1.74,1.74,0,0,0,392,379.32Zm5.7,0a1.79,1.79,0,0,0,0,3.57,1.63,1.63,0,0,0,1.61-1.78A1.65,1.65,0,0,0,397.71,379.33Z"></path></g></g></svg>
class
string |
placeholder_svg_tag:
string
Specify the class
attribute for the <svg>
tag.
{{ 'product-4' | placeholder_svg_tag: 'custom-class' }}
<svg class="custom-class" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800"><defs><style>.cls-1{fill:#fff;opacity:0;}</style></defs><rect class="cls-1" x="-0.21" y="0.21" width="800" height="800"></rect><path d="M521.12,457.36v2.19q0,21.49,0,43c0,6.71-3.84,11.79-10.15,13.43a12.52,12.52,0,0,1-6.46,0c-9.32-2.45-17.65-7-25.87-11.86-9.57-5.63-19-11.47-28.79-16.72A102,102,0,0,0,415,476.26,111.07,111.07,0,0,0,349.87,487c-10.28,5.05-20.19,10.89-30.24,16.41-7.37,4-14.63,8.3-22.58,11.15-6.49,2.33-13.08.08-16.42-5.65a12,12,0,0,1-1.74-6.08q0-21.91,0-43.81v-1.65c-5.56.41-9.42-3.25-9.18-8.76a239.23,239.23,0,0,1,3.41-30.44,231.28,231.28,0,0,1,9.55-37.29c5.53-15.64,12.79-30.41,22.88-43.64,15.88-20.84,36.4-34.82,62-40.92,6.39-1.52,13-2.26,19.45-3.36l.74-.12a10.65,10.65,0,0,1,3.11-5.93,12.52,12.52,0,0,1,6.91-3c4-.52,7.89-.32,11.47,1.79a9,9,0,0,1,4.5,6.08,1.39,1.39,0,0,0,1.45,1.28,125.45,125.45,0,0,1,24.27,4.78,106,106,0,0,1,45.67,28.09,136.36,136.36,0,0,1,25,36.9c7.49,15.92,12.43,32.65,15.82,49.88a291.07,291.07,0,0,1,4.07,29.51c.2,2.22.31,4.46.37,6.68C530.46,454.19,526.53,457.86,521.12,457.36ZM399.44,297.1c-.49,0-.85,0-1.21,0a127,127,0,0,0-29.51,3.64A103.33,103.33,0,0,0,319.81,328c-10,9.83-17.69,21.26-24,33.67a3.26,3.26,0,0,0-.34,1c-.41,3.79-1,7.57-1.13,11.37-.24,9.38-.45,18.78-.25,28.16A187,187,0,0,0,295.63,421c.7,5.66,1.84,11.26,2.78,16.88.14.86.28,1.8-.88,2s-1.2-.73-1.38-1.54a210.83,210.83,0,0,1-4.6-41.89c-.12-8.45.46-16.91.72-25.36,0-.46,0-.92,0-1.38l-.43-.06c-.76,2.36-2.06,4.69-2.18,7.08-.36,7.28-.25,14.59-.33,21.89a3.1,3.1,0,0,1-.08,1.23c-.18.36-.63.82-.94.81a1.71,1.71,0,0,1-1.16-.73c-.21-.3-.12-.81-.12-1.22q0-7.05,0-14.09c0-.32-.06-.64-.09-1l-.37,0c-1.84,6.46-3.9,12.86-5.5,19.39a255.24,255.24,0,0,0-6.81,45.93c-.19,3.27,2.46,5,5.35,3.55,2.27-1.16,4.49-2.42,6.78-3.55s4.7-2.18,7.06-3.27c-.05-.3-.07-.53-.12-.75-.8-3.62-1.61-7.24-2.4-10.86-.18-.84-.36-1.84.77-2s1.38.66,1.52,1.57.32,1.64.5,2.46c.63,2.89,1.27,5.77,1.91,8.68a5.64,5.64,0,0,0,.57-.15c19.16-7.49,39.1-11.74,59.46-14,10.84-1.19,21.76-1.92,32.67-2.24,22.51-.66,45,.23,67.27,3.75a237.87,237.87,0,0,1,39.75,9.43c3,1,5.93,2.07,9,3.14.12-.38.25-.73.33-1.08.65-2.9,1.29-5.79,1.92-8.69.17-.77.38-1.53,1.39-1.36s1,1,.88,1.84-.28,1.36-.43,2c-.61,2.75-1.23,5.49-1.81,8,4.65,2.31,9.15,4.51,13.6,6.79,1.3.66,2.57,1,3.82.17a3.74,3.74,0,0,0,1.73-3.73c-1-9.37-1.74-18.78-3.12-28.09a205,205,0,0,0-9-36.57l-.43-1.2c-.14,1.59-.14,3.13-.15,4.66,0,2.93,0,5.86-.06,8.78,0,.46-.67.9-1,1.35a8.26,8.26,0,0,1-1.13-1c-.14-.17,0-.54,0-.82-.1-6.23-.27-12.46-.26-18.69,0-3.24-1.71-5.78-3-8.53.24,3.08.53,6.16.7,9.25a245.45,245.45,0,0,1-.49,32.88,230.4,230.4,0,0,1-4,27.68c-.17.81-.41,1.68-1.45,1.46s-1.08-1.06-.88-2a210.68,210.68,0,0,0,4.75-43.55c0-8.82-.56-17.65-1.05-26.46a21.64,21.64,0,0,0-2.36-9.61c-7.05-12.86-15.51-24.59-26.47-34.42A101.25,101.25,0,0,0,451,307.18a114.45,114.45,0,0,0-37.83-9.74c-2.11-.2-4.24-.25-6.48-.37M399.44,422.6m117.18,32.72c-2.14-1.09-4.31-2.24-6.53-3.31-1.71-.82-3.47-1.57-5.23-2.3-19.46-8-39.84-12.36-60.66-14.69-10.2-1.14-20.46-1.85-30.71-2.21a388.08,388.08,0,0,0-48.34,1.24,291.65,291.65,0,0,0-35.77,5.33c-14.52,3.15-28.64,7.47-42,14-1.36.66-2.69,1.4-3.89,2,.06,1.09.15,2,.15,2.84q0,21.61,0,43.24A11.74,11.74,0,0,0,284,505a8.47,8.47,0,0,0,11.32,5.33c7.46-2.69,14.34-6.55,21.23-10.42,8.58-4.82,17.08-9.8,25.81-14.36,14.93-7.81,30.67-13.13,47.61-14.51a119.22,119.22,0,0,1,27,.8,107.7,107.7,0,0,1,35.44,11.54c9,4.8,17.65,10.11,26.38,15.31,8.4,5,16.81,9.93,26.36,12.43a11,11,0,0,0,4.38.35c4.31-.7,7.07-4.26,7.08-8.86q0-22.39,0-44.78ZM392.49,292.48h16.79c-2.34-4.2-6.19-4.21-10-4C396.39,288.64,393.79,289.49,392.49,292.48Z"></path><path d="M456.35,316.27a6.27,6.27,0,1,1-12.54-.23,6.21,6.21,0,0,1,6.14-6.11A6.41,6.41,0,0,1,456.35,316.27Zm-2.28-.08a4.19,4.19,0,0,0-3.92-4,4.15,4.15,0,0,0-4.07,4,4,4,0,1,0,8,0Z"></path><path d="M351.48,309.93a6.33,6.33,0,0,1,6.38,6.34,6.27,6.27,0,1,1-6.38-6.34Zm0,10.25a4.17,4.17,0,0,0,4.05-4,4.11,4.11,0,0,0-3.84-4,4.17,4.17,0,0,0-4.14,3.86A4.24,4.24,0,0,0,351.53,320.18Z"></path><path d="M512.32,409.41c-.61,5.15-1.19,10.3-1.86,15.45-.06.45-.74.82-1.14,1.23-.34-.48-1-1-1-1.43.54-5.72,1.18-11.43,1.81-17.14a1.3,1.3,0,0,1,.35-.85,1.45,1.45,0,0,1,1.11-.3,1.26,1.26,0,0,1,.62.94,14.46,14.46,0,0,1-.07,2.08Z"></path><path d="M287.83,409.21c0-.37-.2-.8-.06-1.09a8,8,0,0,1,1-1.4c.35.4.94.77,1,1.21.26,1.79.33,3.6.53,5.4.31,2.95.66,5.9,1,8.85.05.46.1.92.14,1.38.08.74-.11,1.46-.94,1.35a1.78,1.78,0,0,1-1.18-1.16,43.31,43.31,0,0,1-.63-4.69c-.33-3.28-.64-6.56-1-9.84Z"></path><path d="M508.29,474.3c0,5.35,0,10.7,0,16,0,5.53-4.41,8.29-9.43,6.05-9.83-4.37-19-10-28.33-15.25-9.75-5.5-19.69-10.61-30.34-14.22a123.84,123.84,0,0,0-25.73-5.79,130.49,130.49,0,0,0-25.61-.47,124.07,124.07,0,0,0-35.53,8.22c-5,1.95-9.83,4.14-14.74,6.25-.88.38-1.76.9-2.32-.37s.32-1.56,1.16-2c13.62-6.55,27.74-11.6,42.75-13.78a135.77,135.77,0,0,1,28.5-1,127.65,127.65,0,0,1,35.66,7.65c10.66,3.93,20.61,9.34,30.49,14.91,8.21,4.62,16.56,9,24.87,13.45a6.49,6.49,0,0,0,2.37.69,3.37,3.37,0,0,0,3.68-2.86,13.14,13.14,0,0,0,.14-2.08q0-15.9,0-31.8c0-.92-.46-2.33,1.15-2.36s1.21,1.45,1.22,2.4C508.31,463.43,508.29,468.86,508.29,474.3Z"></path><path d="M286.17,478.42V460.84a2.5,2.5,0,0,1,.05-1.1c.22-.39.61-.9,1-.95a1.56,1.56,0,0,1,1.2.65,2.93,2.93,0,0,1,.22,1.47q0,17.29,0,34.6c0,3.61,2,6.36,5.28,7.1a7.48,7.48,0,0,0,5.39-.79c5.5-3,11-5.94,16.52-9,10.71-6,21.31-12.13,32.6-17a132.87,132.87,0,0,1,26.86-8.62,124.45,124.45,0,0,1,34.25-2c17.8,1.43,34.32,6.88,49.91,15.39.59.32,1.42.53.89,1.51s-1.21.92-2.11.5c-5.42-2.54-10.77-5.27-16.31-7.51a109.48,109.48,0,0,0-27.56-7,121.41,121.41,0,0,0-27.41-.4,125.4,125.4,0,0,0-34.15,8.65c-12.11,4.86-23.4,11.31-34.71,17.73-5.94,3.36-11.92,6.67-18,9.82-6.86,3.57-14-.86-14-8.6C286.16,489.67,286.17,484.05,286.17,478.42Z"></path><path d="M513.83,479.66q0,9.07,0,18.13c0,7.15-6.77,11.65-13.29,8.74-3.6-1.61-7.06-3.5-10.59-5.27-.74-.36-1.3-.85-.83-1.73s1.19-.63,1.92-.27c3.39,1.71,6.75,3.52,10.21,5.08,4.37,2,8.84-.2,9.92-4.69a11,11,0,0,0,.19-2.63q0-17.85,0-35.7c0-1-.28-2.34,1.21-2.37s1.25,1.32,1.25,2.31Q513.84,470.46,513.83,479.66Z"></path><path d="M291.71,484c0-2,0-3.9,0-5.85,0-.85.22-1.55,1.18-1.51s1.23.68,1.23,1.54v10.17a12.92,12.92,0,0,0,.05,1.39c.33,3.1,2.66,4.43,5.48,3,3.78-1.87,7.52-3.83,11.28-5.75a4.1,4.1,0,0,1,1.36-.67,5.79,5.79,0,0,1,1.69.35c-.21.53-.27,1.32-.66,1.56-1.53,1-3.15,1.76-4.77,2.58-2.56,1.31-5.12,2.61-7.71,3.86-4.73,2.27-9.08-.46-9.12-5.69,0-1.67,0-3.35,0-5Z"></path><path d="M465.41,483.72c.37.19.75.37,1.1.58,5.14,3.15,10.27,6.32,15.41,9.46.76.46,1.33,1,.78,1.88s-1.25.49-1.93.08q-7.75-4.77-15.54-9.5c-1.19-.73-1.4-1.66-.5-2.24A3.57,3.57,0,0,1,465.41,483.72Z"></path><path d="M291.7,463.79c0-2.18,0-4.35,0-6.53,0-.84.19-1.55,1.12-1.59s1.29.73,1.29,1.6q0,6.54,0,13.07c0,.87-.27,1.65-1.3,1.6s-1.11-.79-1.1-1.61C291.72,468.15,291.7,466,291.7,463.79Z"></path><path d="M318.72,485.33c-.27-.21-.71-.4-.85-.71a1.56,1.56,0,0,1,.12-1.13,1.58,1.58,0,0,1,.73-.6l10.44-5.56c.68-.36,1.33-.49,1.76.37s0,1.23-.63,1.58L319.63,485A6.17,6.17,0,0,1,318.72,485.33Z"></path><path d="M400,412.57a31.51,31.51,0,1,1,31.51-31.51A31.54,31.54,0,0,1,400,412.57Zm0-60.23a28.72,28.72,0,1,0,28.72,28.72A28.75,28.75,0,0,0,400,352.34Z"></path><path d="M400.1,407.56h0a26.85,26.85,0,0,1-4.57-.39.84.84,0,0,1-.68-1,.82.82,0,0,1,1-.68,25.62,25.62,0,0,0,4.29.37h0a25,25,0,0,0,4.32-.38.84.84,0,0,1,.29,1.65A26.25,26.25,0,0,1,400.1,407.56Zm-12.82-3.42a.77.77,0,0,1-.41-.11,26.34,26.34,0,0,1-7.05-5.91.82.82,0,0,1,.1-1.17.83.83,0,0,1,1.18.1,24.87,24.87,0,0,0,6.6,5.53.84.84,0,0,1-.42,1.56Zm25.66,0a.85.85,0,0,1-.73-.42.84.84,0,0,1,.31-1.14,25.06,25.06,0,0,0,6.59-5.55.84.84,0,0,1,1.18-.1.83.83,0,0,1,.1,1.18,26.71,26.71,0,0,1-7,5.92A.87.87,0,0,1,412.94,404.12ZM376,390.72a.83.83,0,0,1-.79-.55,26.47,26.47,0,0,1-1.61-9.05.84.84,0,0,1,.84-.84h0a.84.84,0,0,1,.84.83,24.73,24.73,0,0,0,1.5,8.49.83.83,0,0,1-.5,1.07A.92.92,0,0,1,376,390.72Zm48.22-.05a.77.77,0,0,1-.29-.05.84.84,0,0,1-.5-1.07,24.68,24.68,0,0,0,1.49-8.49V381a.84.84,0,1,1,1.68,0v.09a26.52,26.52,0,0,1-1.59,9.07A.85.85,0,0,1,424.21,390.67ZM376,373.17a.69.69,0,0,1-.28-.05.84.84,0,0,1-.51-1.07,26.33,26.33,0,0,1,4.59-8,.83.83,0,1,1,1.28,1.07,24.75,24.75,0,0,0-4.29,7.47A.85.85,0,0,1,376,373.17Zm48.23-.14a.85.85,0,0,1-.79-.55,24.62,24.62,0,0,0-4.34-7.44.84.84,0,0,1,1.28-1.08A26.51,26.51,0,0,1,425,371.9a.84.84,0,0,1-.49,1.08A1,1,0,0,1,424.18,373Zm-37-13.32a.84.84,0,0,1-.42-1.56,26.17,26.17,0,0,1,8.63-3.17.83.83,0,0,1,.3,1.64,24.64,24.64,0,0,0-8.09,3A.81.81,0,0,1,387.2,359.71Zm25.65-.08a.91.91,0,0,1-.42-.11,24.54,24.54,0,0,0-8.1-2.92.84.84,0,1,1,.28-1.65,26.17,26.17,0,0,1,8.66,3.12.83.83,0,0,1,.3,1.14A.82.82,0,0,1,412.85,359.63Z"></path><g id="-1"><g><path d="M395.23,378.52l.86.13v.81l.07-.09a2.08,2.08,0,0,1,1.68-.82,2.57,2.57,0,0,1,0,5.12,2.13,2.13,0,0,1-1.68-.78l-.07-.08V385l-.86-.12Zm-3.21,0a2.57,2.57,0,0,1,2.57,2.56,2.54,2.54,0,0,1-.74,1.83,2.5,2.5,0,0,1-1.84.74,2.57,2.57,0,0,1,0-5.13Zm-8.4-.87.05,0-.51.68-.06,0a2.72,2.72,0,0,0-1.82-.69c-.77,0-1.3.4-1.3,1s.12.86,1.69,1.19,2.17.9,2.17,1.91a1.76,1.76,0,0,1-.65,1.4,2.54,2.54,0,0,1-1.64.51,3.8,3.8,0,0,1-2.68-1.05l-.05-.05.54-.64.06.05a3,3,0,0,0,2.17.89c.83,0,1.36-.41,1.36-1s-.25-.88-1.62-1.17-2.23-.73-2.23-2a2,2,0,0,1,2.2-1.84A3.4,3.4,0,0,1,383.62,377.68Zm21.06.91a1.85,1.85,0,0,1,2.11,2v3l-.83-.12v-.55l-.07.07a2.16,2.16,0,0,1-1.58.62c-.93,0-1.86-.45-1.86-1.48s.85-1.71,2.11-1.71a4.94,4.94,0,0,1,1.27.19l.13,0v-.12c0-1-.72-1.14-1.35-1.14a3.33,3.33,0,0,0-1.42.34l-.07,0-.26-.72.06,0A4,4,0,0,1,404.68,378.59Zm14.22,0a1.84,1.84,0,0,1,2.1,2v3l-.82-.12v-.55l-.07.07a2.19,2.19,0,0,1-1.59.62h0c-.92,0-1.85-.45-1.85-1.48s.85-1.71,2.11-1.71a5,5,0,0,1,1.27.19l.13,0v-.12c0-1-.73-1.14-1.35-1.14a3.3,3.3,0,0,0-1.42.34l-.08,0-.26-.72.06,0A4,4,0,0,1,418.9,378.59Zm-7.36.06.13.56-3.09,3.62h3.09v.74h-4.15l-.13-.56,3.08-3.61h-3v-.75Zm4.72,0,.12.56-3.09,3.62h3.09v.74h-4.15l-.13-.56,3.08-3.61h-3v-.75Zm-31.7-2,.86.13v2.49l.07-.08a1.92,1.92,0,0,1,3.39,1.31v3l-.86-.13v-2.73c0-.87-.44-1.37-1.24-1.37a1.33,1.33,0,0,0-1.36,1.42v2.81l-.86-.13Zm16.38-.13.85.12v6.89l-.85-.13Zm3.7,4.5c-.81,0-1.33.4-1.33,1s.59.88,1.13.88a1.57,1.57,0,0,0,1.53-1.35v-.36h0A4.8,4.8,0,0,0,404.64,381.06Zm14.21,0h0c-.8,0-1.32.4-1.32,1s.59.88,1.13.88a1.57,1.57,0,0,0,1.52-1.35v-.36h0a4.84,4.84,0,0,0-1.2-.18ZM392,379.32a1.67,1.67,0,0,0-1.67,1.79A1.72,1.72,0,0,0,392,382.9a1.69,1.69,0,0,0,1.68-1.77A1.74,1.74,0,0,0,392,379.32Zm5.7,0a1.79,1.79,0,0,0,0,3.57,1.63,1.63,0,0,0,1.61-1.78A1.65,1.65,0,0,0,397.71,379.33Z"></path></g></g></svg>
preload_tag
string |
preload_tag:
as:
string
Generates an HTML <link>
tag with a rel
attribute of preload
to prioritize loading a given hosted asset. The asset URL is also added to the Link header with a rel attribute of preload.
You should use this filter sparingly. For example, consider preloading only resources necessary for rendering above-the-fold content.
Tip
If you want to preload a stylesheet, then use stylesheet_tag.
The preload_tag
filter also requires an as parameter based on the kind of resource being preloaded.
{{ shop.cdn_domain | append: 'cuttlefish/v1/spz.min.js' | preload_tag: as: 'script' }}
<link href="//static.staticdj.com/cuttlefish/v1/spz.min.js" as="script" rel="preload">
HTML attributes
string |
preload_tag:
as:
string,
attribute:
string
You can specify HTML attributes by adding a parameter that matches the attribute name, and the desired value.
{{ shop.cdn_domain | append: 'cuttlefish/v1/spz.min.js' | preload_tag: as: 'script', type: 'text/javascript' }}
<link href="//static.staticdj.com/cuttlefish/v1/spz.min.js" as="script" type="text/javascript" rel="preload">
script_tag
string |
script_tag
Generates an HTML <script>
tag for a given resource URL. The tag has a type
attribute of text/javascript
.
{{ shop.cdn_domain | append: 'cuttlefish/v1/spz.min.js' | script_tag }}
<script src="//static.staticdj.com/cuttlefish/v1/spz.min.js" type="text/javascript"></script>
stylesheet_tag
string |
stylesheet_tag
Generates an HTML <link>
tag for a given resource URL. The tag has the following parameters:
Attribute | Value |
---|---|
rel | stylesheet |
type | text/css |
media | all |
{{ 'base.css' | shoplaza_asset_url | stylesheet_tag }}
<link href="//static.staticdj.com/base.css" rel="stylesheet" type="text/css" media="all">
media
string |
stylesheet_tag:
string
You can specify a media type.
{{ 'base.css' | shoplaza_asset_url | stylesheet_tag: 'print' }}
<link href="//static.staticdj.com/base.css" rel="stylesheet" type="text/css" media="print">
time_tag
string |
time_tag:
string
Converts a timestamp into an HTML <time>
tag.
The time_tag
filter accepts the same parameters as PHP strftime
method for formatting the date. For a list of shorthand formats, refer to the PHP documentation.
{{ '2023-06-15 15:11:02' | time_tag: '%B %d, %Y' }}
<time datetime="June 15, 2023">June 15, 2023</time>
The current date
You can apply the time_tag
filter to the keywords 'now'
and 'today'
to output the current timestamp.
{{ 'now' | time_tag: '%B %d, %Y %H:%M:%S' }}
<time datetime="June 15, 2023 17:00:26">June 15, 2023 17:00:26</time>
The future or past date
You can apply the same parameters as the PHP strtotime method to output any English textural date.
{{ '+7 day' | time_tag: '%B %d, %Y' }}
<time datetime="June 22, 2023">June 22, 2023</time>
Format Unix timestamp
You can apply the time_tag
filter to the keywords r
for formatting a Unix timestamp.
{{ 'now' | time_tag: 'r' }}
<time datetime="Thu, 15 Jun 2023 16:59:14 +0800">Thu, 15 Jun 2023 16:59:14 +0800</time>
Updated over 1 year ago