Prints the class 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.

The class name is the product filter's identifier (defined when a product filter is created).

Syntaksi

{FilterClass}

Näkyvyys

Toimii näkyvyydessä: product-list-filter

The tag is used only in the {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:

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 and before attributes you can define content that is output either after or before the tag's output.

Allowed values:The 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 and before 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:The HTML and Interface markup

E.g. or:'Sisältöä ei löytynyt.'