Skip to main content

Compare Products

How to Add Product Compare​

The Storefront runs at 3002 and visit localhost:3002/ route for Visiting Home Page , You can add a Product to Compare

1.From the Product card

2.From the Product Details Page

Add Product to Compare

1.Visit localhost:3002

2.Click the Compare Icon from the Product Card

3.Go to the Product Details then Click the Compare Button

Add Products To Compare From Home Page​

In the Home Page if you hover over any product, you can see four icons. Click on the Compare icon to add a product to the compare list.

Compare Icon

After the Successful addition of Product , A Compare Modal will be shown.

Compare item

You can add up to three items to compare. Adding a fourth will automatically discard the first item on the list.

Compare items

Add a Product To Cart From Product Details Page​

You can also add a product to the Compare list by clicking on the Compare button from the Product Details page.

Compare

Remove an Product From Compare​

Click on the Remove button on the top of the modal to remove a product from the Compare list.

Remove

Close Compare Modal​

Click on the close (X) button to close the compare modal.

Close