Prints the URL address for enabling the value of a product filter.
Kuvaus
The tag is available starting from the Basic plan.
Also read the detailed instructions for implementing product list filters in the theme.
Syntaksi
{FilterOptionSelectUrl}Näkyvyys
Toimii näkyvyydessä: product-list-filter-option
FilterOptions} 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
before/after:With the
beforeandafterattributes, you can define content that is output before or after the content produced by the tag.Allowed values: text that may contain HTML and Interface markup.
E.g.
before:'<p>This markup appears before the tag's own content.</p>'.after:'<p>This appears after the tag's own content.</p>'
If the tag does not produce any content, the content of the
beforeandafterattributes will also not be displayed.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: text that may contain HTML and Interface markup.
E.g.
or:'Content not found.'
