After July 2021, the 2.3.x release line no longer received quality updates or user guide updates. PHP 7.3 reached end of support in December 2021, and Adobe Commerce 2.3.x reached end of support in September 2022. We strongly recommend upgrading to Adobe Commerce 2.4.x to help maintain PCI compliance.

Compare Products

This site contains archived merchant documentation for a version of Adobe Commerce and Magento Open Source that has reached end-of-support. The documentation available here is intended for historical reference only and is not maintained. The Adobe Commerce Merchant Documentation for current releases is published on the Adobe Experience League.

Compare Products generates a detailed, side-by-side comparison of two or more products. Depending on the theme, the Add to Compare link might be represented by an icon or text. The Compare Products block usually appears in either the left or right sidebar of a catalog page.

Example storefront - comparison list Comparison List

Unlike the Recently Viewed / Compared Products block, the Admin does not include additional configuration settings for Compare Products.

Compare Products on the Storefront

  1. Find the products that you want to compare and click the Add to Compare link for each.

  2. Navigate to an associated category page.

    Depending on the theme and page layout, there might be a Compare Products block in the sidebar. If so, the items in the category that are marked for comparison are listed.

    You can click Delete (Delete icon) for any product to remove it from the comparison report, or click Clear All to remove all items and start over with your compare selections.

  3. Click Compare.

  4. To print the comparison information, click Print This Page.

  5. To remove a single product from the comparison page, click Delete (Delete icon).

    Example storefront - compare products Compare Products

© 2024 Adobe. All rights reserved.