Skip to main content

Brands

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

Website url: https://www.gofynd.com/brands

QG11


Arguments

ContextTypeDescription
brandsArrayArray of objects containing all the necessary details of all the brands
departmentsArrayArray have information about logo, name, priority_order,slug, and uid

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 the list of cards with brand details as required.

theme/templates/pages/brands.vue
// Brands Example

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

Was this section helpful?