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>