The product-manufacturers component (Vvveb\Component\Product\Manufacturers) lists product manufacturers (brands) with pagination and category filtering.

Activate the component by adding:

data-v-component-product-manufacturers

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 manufacturers 7
page data-v-page Page number 1
count data-v-count Include product counts, overridable from URL 4
manufacturer_id data-v-manufacturer_id Filter by manufacturer ID null
category_id data-v-category_id Filter by category ID null
order data-v-order Sorting rules, overridable from URL url fallback price asc
type data-v-type Record type filter tags
filter data-v-filter Extra filter value null
parents_only data-v-parents_only Only parents false
parents_children_only data-v-parents_children_only Only parents with children false
parents_without_children data-v-parents_without_children Only parents without children false

Component Properties

Each manufacturer renders inside a data-v-manufacturer repeatable with name, slug, image and url fields.

HTML Example

<div data-v-component-product-manufacturers data-v-limit="12">
	<div data-v-manufacturer>
		<a href="" data-v-manufacturer-url><span data-v-manufacturer-name></span></a>
	</div>
</div>