The product-attributes component (Vvveb\Component\Product\Attributes) lists attribute values for a product (specification table: e.g. color, size, material).
Activate the component by adding:
data-v-component-product-attributes
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 attributes | 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 |
Attribute image size | thumb |
Component Properties
Attributes render inside the data-v-attributes repeatable with attribute name, value, and image fields.
HTML Example
<div data-v-component-product-attributes>
<div data-v-attributes>
<span data-v-attributes-name></span>
<span data-v-attributes-value></span>
</div>
</div>