Deprecation Notice

Vue-based themes will soon be deprecated. Please switch to React-based themes, as all future updates and support will focus exclusively on React.

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

Arguments

Context	Type	Description
brands	Array	Array of objects containing all the necessary details of all the brands
departments	Array	Array 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>