The product-vendors component (Vvveb\Component\Product\Vendors) lists product vendors (sellers in a marketplace setup) with pagination and category filtering.

Activate the component by adding:

data-v-component-product-vendors

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 vendors 7
page data-v-page Page number 1
count data-v-count Include product counts, overridable from URL 4
vendor_id data-v-vendor_id Filter by vendor 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 false
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 vendor renders inside a data-v-vendor repeatable with name, slug, image and url fields.

HTML Example

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