The product-filters component (Vvveb\Component\Product\Filters) lists filter definitions for a product (faceted-search filter values). Note: there is no dedicated product/filters.tpl template file, so rendering uses the generic data-v-* attribute binding for the returned filter records.
Activate the component by adding:
data-v-component-product-filters
Component Options
Add options as HTML attributes using the data-v-* syntax.
| Option | Attribute | Description | Default |
|---|---|---|---|
| start | data-v-start |
Starting offset | 0 |
| limit | data-v-limit |
Number of filters | 100 |
| site_id | data-v-site_id |
Site ID | Current site |
| language_id | data-v-language_id |
Language ID | Current language |
| product_id | data-v-product_id |
Product ID, from URL by default | url |
| search | data-v-search |
Filter by text | null |
| image_size | data-v-image_size |
Filter image size | thumb |
Component Properties
Filter records with name, value and image fields, bound with generic data-v-filter-* attributes.
HTML Example
<div data-v-component-product-filters>
<div data-v-filter>
<span data-v-filter-name></span>
</div>
</div>