Product Compare for WooCommerce by DITS adds a fast, intuitive, and customizable product comparison feature to WooCommerce stores. It enables customers to compare products side by side, helping them evaluate images, pricing, availability, product attributes, dimensions, taxonomies, and other important details before making a purchase.
Built specifically for WooCommerce, the plugin includes shortcode support, Gutenberg blocks, and Elementor widgets so store owners can place comparison tools in the editing workflow they already use.
Features
- Add a product comparison feature to WooCommerce stores.
- Display a responsive comparison table on desktop, tablet, and mobile devices.
- Keep the first comparison column fixed while customers scroll horizontally on smaller screens.
- Compare products using WooCommerce availability, attributes, dimensions, categories, and tags.
- Add compare buttons manually with shortcode or through supported WooCommerce hooks.
- Display the comparison table with shortcode, Gutenberg block, or Elementor widget.
- Display compare buttons with shortcode, Gutenberg block, or Elementor widget.
- Choose from three table color themes: Light, Dark, and Aurora.
- Choose between Modern and Classic table layouts.
- Show or hide the category filter and short description row.
- Show an optional popup after customers add products to comparison.
- Translation ready and prepared for multilingual stores.
Shortcodes
Use [dcaw_compare_table] to display the comparison table with the category filter.
Use [dcaw_compare_table_without_cat] to display the comparison table without the category filter.
Use [dcaw_compare_button] on a single product page to display the compare button for the current product.
You can override the table presentation in shortcode output:
[dcaw_compare_table theme="dark" variant="modern"]
Available theme values: light, dark, aurora.
Available variant values: modern, classic.
Gutenberg blocks
The plugin includes two Gutenberg blocks:
- DITS Compare Table
- DITS Compare Button
The table block supports category filter visibility, color theme selection, and visual style selection.
Elementor widgets
The plugin includes two Elementor widgets in the DITS Compare category:
- DITS Compare Table
- DITS Compare Button
The table widget supports category filter visibility, color theme selection, and visual style selection. The button widget can use the current product context or a manually entered product ID.
License
This plugin is licensed under the GNU General Public License v2 or later (GPLv2+).
You are free to use, modify, and distribute this plugin under the terms of the GPL license.
Screenshots
Product comparison table displayed on the frontend.
Main plugin settings page in the WordPress admin area.
Adding a product to the comparison list from a product category page.
Removing a product from the comparison list from a product category page.
Short preview of the product comparison table on the frontend.
Short preview of category filtering on the frontend comparison page.
Short preview of adding and removing products from the comparison list on product category pages.
Product comparison table displayed on the frontend with the category filter enabled.
DITS Compare Table block preview in the Gutenberg editor with block settings in the sidebar.
Dark theme comparison table displayed on the frontend.
Dark theme comparison table preview inside the Elementor editor with style controls.