The product-category component (Vvveb\Component\Product\Category) displays a single product category. It extends the base category component (Vvveb\Component\Category) without changing options, so it auto-detects the category from the page URL on product category pages.
Activate the component by adding:
data-v-component-product-category
Component Options
Same as the category component:
| Option | Attribute | Description | Default |
|---|---|---|---|
| taxonomy_item_id | data-v-taxonomy_item_id |
Category ID, from URL by default | url |
| slug | data-v-slug |
Category slug, from URL by default | url |
| type | data-v-type |
Taxonomy type | null |
| post_type | data-v-post_type |
Post type | null |
| language_id | data-v-language_id |
Language ID | Current language |
| site_id | data-v-site_id |
Site ID | Current site |
Component Properties
Single-category fields through data-v-category-*: name, slug, content, image, image_url, url, full-url, count.
HTML Example
<div data-v-component-product-category>
<h1 data-v-category-name></h1>
<div data-v-category-content></div>
</div>