Prints the name of a product filter.
Kuvaus
The tag is available starting from the Basic plan.
See the detailed instructions on how to implement product filters in a theme.
Syntaksi
{FilterName}
Näkyvyys
Toimii näkyvyydessä: product-list-filter
{ProductListFilters}
tag's helper
attribute.Implementing product list filters
Below you can see a simple implementation of product filters on a product category's product list:
{ProductListFilters(
before: '<div class="ProductListFilters">',
helper: {{
{Filtername(before: '<span class="FilterName {FilterClass}">', after: '</span>')}
{FilterOptions(
before: '<ul class="FilterOptions">',
helper: {{
<li>
<a href="{FilterOptionSelectUrl}">{FilterOptionName} ({FilterOptionResultCount})</a>
</li>
}},
after: '</ul>'
)}
}},
after: '</div>'
)}
{Products}
Filters are added before the product list by using the {ProductListFilters} tag.
The list includes the name of each filter ({FilterName}
) and available values ({FilterOptions}
).
For each available value, the following are printed:
- a link for enabling the value (
{FilterOptionSelectUrl}
) - the value's name (
{FilterOptionName}
) - the number of products found by each value (
{FilterOptionResultCount}
)
The implementation in this example doesn't exclude the option to disable filters. For this, see detailed instructions on how to implement product filters in a theme.
Attribuutit
after/before:
By using the
after
andbefore
attributes you can define content that is output either after or before the tag's output.Allowed values:HTML and Interface markup.
E.g.
before:
'<p>Tämä merkkaus näkyy ennen tagin omaa sisältöä.</p>'after:
'<p>Tämä taas näkyy tagin oman sisällön jälkeen.</p>'
If the tag does not produce any content, neither the content of the
after
andbefore
attributes will be output.escape:
Adds an escape character before quotation marks in the output.
The attribute makes it easier to process the tag-produced content when using JavaScript.
Allowed values:true/false. The default value is false.
or:
Defines alternative content that is displayed if the tag itself does not produce any content.
Allowed values:HTML and Interface markup.
E.g.
or:
'Sisältöä ei löytynyt.'