Skip to main content

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.

QG11


Arguments​

ContextTypeDescription
itemsObjectAn 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>