fdk-compare-action

You are reading an outdated document

Get the latest developer guides on Fynd Partners Help

This action component is used to add a particular product to compare on the compare page, product is added into the compare using its slug.

Props

Key	Type	Description
addCompare	function	this function is used to add the product into compare
removeCompare	function	this function remove products from the compare and update the router while removing the product from it.
addMultipleCompare	function	this function is used to add multiple prouducts into the compare at the same time.
navigateToCompare	function	this function is used to update the router, while pushing the slugs of available products in comapre
resetCompare	function	this function resets the compare by removing all the products from compare and updating the router while removing all the product slugs from it.

Functions

• addCompare(slug)

Here slug is the product’s slug which needed to be added in compare

• removeCompare(slug)

Here slug is the product’s slug which needed to be removed from compare

• addMultipleCompare([slug1, slug2, slug3, ...])

Here array of multiple slug is passed as parameter.

---

Examples

<fdk-compare-action>
    <template slot-scope="compare">
        <div
            @click="compare.addCompare(product.slug)"
          >
            <div class="compare-icon">
              <img src="./../../../assets/images/compare-icon.png" alt />
            </div>
            <p>Add to Compare</p>
        </div>
    </template>
</fdk-compare-action>