Skip to main content

Brands

You are reading an outdated document

Get the latest developer guides on Fynd Partners Help

Brands

The Brands page will display list of Brands of which products are available on website. The page contains links in form of cards which will take you through the product listing of the respective brand.

QG11


Arguments

ContextTypeDescription
itemsArrayArray of objects containing all the necessary details of all brands

context.brands.items

This will be an array of objects. Each object will have all the details of a particular brand. You can use this data to render the UI as required.

Example:

The below example will render list of cards with brand details as required.

// Brands Example

<div class="brands-container" v-if="context.brands.items && context.brands.items.length">
<ul class="brand-list" v-for="brand in context.brands.items">
<li class="brand-list__item" :key="brand.name">
<h2>{{brand.name}}</h2>
<img src="brand.logo.url"/>
</li>
...
</ul>
</div>