Skip to main content

Compare Products

You are reading an outdated document

Get the latest developer guides on Fynd Partners Help

The product comparison page will list products to compare. User can add products of their choice for comparison from the list.



titleStringTitle of the product
subtitleStringSubtitle of the product. Can be descriptive
itemsObjectObject containing all details of the product.


This will be an object with all details regarding two similar product for comparison, Refer this for sample response for a product. You can use this data to render the UI as required.


The below example will render a sample compare product card.

// Product Comparison Example

<div class="product-comparison" v-if="context && context.compared_products">
<p>Description: {{context.similars.subtitle}}</p>

<ul v-for="compare in context.items">
Name: {{}}
Type: {{compare.type}}
<img src="compare.logo.url" />