Product Description

You are reading an outdated document

Get the latest developer guides on Fynd Partners Help

The product description page will display all the required details of a product, which contains the product’s media and content. Also displays variants of the product for customers to select one/multiple of them and add them to the bag.

Arguments

Context	Type	Description
app_features	Object	Application specific feature flags.
bag_data
bulk_prices
compare_slugs	Array	Previously compared product slugs
frequently_compared_products	Array	An array of objects containing the attributes for frequent comparision.
is_logged_in	Boolean	To check if a user is logged in or not.
product	Object	Product object containing details of product.
product_meta
product_variants	Object	Product variant object containing all variants
reviews
similar_compare_products	Array	An array of objects containing the attributes for similar comparision.
similar_products
user_pincode

context.product

This will be an object with all the necessary details regarding a product. You can use this data to render the UI as required.

Example:

The below example will render a short product description card.

// Product Description Example

<div class="product-description" v-if="context && context.product">
    <h1>{{context.product.name}}</h1>
    <p>Brand Name: {{context.product.brand.name}}</p>
    
    <div class="product-details">
        <span>Color: {{context.product.attributes.color}}</span>
        <span>Occassion: {{context.product.attributes.occassion}}</span>
        <span>Description: {{context.product.attributes.style_note}}</span>
    </div>
</div>