Brand Listing
You are reading an outdated document
Get the latest developer guides on Fynd Partners Help
Brand Listing
The Brand Listing page will display list of products under the respective brand. The page is same as product listing page (PLP). This also gives users sort and filter options to enhance the results accordingly.
Arguments
Context | Type | Description |
---|---|---|
items | Object | An array of objects containing details of products. |
context.items
This will contain an array of objects and every object will contain all necessary details of a product of a respective brand.
Example:
The below example will render list of products of a brand with details as required.
// Brands Listing Example
<div class="brands-listing-container" v-if="context.items && context.items.length">
<ul class="brand-product-list" v-for="product in context.items">
<li class="product-list__item" :key="product.name">
<h2>{{product.name}}</h2>
<span>Dept: {{product.departments}}</span>
<img src="product.logo.url"/>
</li>
...
</ul>
</div>