Description
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
Blocks
This plugin provides 2 blocks.
- DITS Compare Table
- DITS Compare Button
Installation
- Upload the
dits-comparefolder to the/wp-content/plugins/directory. - Activate the plugin through the ‘Plugins’ menu in WordPress.
- Go to Product Compare for WooCommerce by DITS > Configure the plugin settings.
- Configure the compare button display, comparison page, table fields, table theme, and table visual style.
- Add the compare button to product pages using WooCommerce hooks, shortcode, Gutenberg block, or Elementor widget.
- Add the comparison table to a page using
[dcaw_compare_table], the DITS Compare Table Gutenberg block, or the DITS Compare Table Elementor widget.
FAQ
-
How do I add the comparison table to my page?
-
You can add the comparison table to any page or post using
[dcaw_compare_table], the DITS Compare Table Gutenberg block, or the DITS Compare Table Elementor widget. -
Use
[dcaw_compare_button]on a single product page, configure one of the available WooCommerce hook positions in the plugin settings, or add the DITS Compare Button block/widget. -
Can I customize the product attributes in the comparison table?
-
Yes. The comparison table can include WooCommerce product attributes, taxonomies, dimensions, availability, price, image, title, and short description.
-
Can I change the table design?
-
Yes. The plugin includes Light, Dark, and Aurora color themes, plus Modern and Classic table styles.
-
Is the comparison table mobile friendly?
-
Yes. The table supports horizontal scrolling on mobile devices and keeps the first attribute column fixed while customers compare product columns.
-
Does the plugin support Gutenberg?
-
Yes. The plugin includes Gutenberg blocks for the comparison table and compare button.
-
Does the plugin support Elementor?
-
Yes. The plugin includes Elementor widgets for the comparison table and compare button.
Reviews
Contributors & Developers
“Product Compare for WooCommerce by DITS” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Product Compare for WooCommerce by DITS” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.1.4
- Enabled compare by default for clean installs.
- Set the default single product compare button hook to
woocommerce_after_add_to_cart_button. - Set the default loop compare button hook to display after the add to cart button.
- Enabled the comparison popup by default for clean installs.
- Restored comparison popup functionality on the frontend; previously the popup did not work correctly.
- Updated plugin screenshots and screenshot descriptions.
1.1.3
- Check compatibility with WordPress 7.0
- Plugin renamed to Product Compare for WooCommerce by DITS
- Added improved mobile comparison table styling with horizontal scrolling and a fixed first column.
- Added Light, Dark, and Aurora comparison table color themes.
- Added Modern and Classic comparison table visual styles.
- Added Gutenberg blocks for the comparison table and compare button.
- Added Elementor widgets for the comparison table and compare button.
1.1.2
- Added a new modal component for product comparison.
- This modal functionality is available exclusively in the Pro version.
1.1.1
- Added a link to the comparison page in the popup.
- Fixed the counter of added products for comparison (applied to the class specified in the settings).
- Made the counter itself a link to the comparison page.
1.1.0
- Added support for Pro Plugin integration.
- Improved compatibility between the base plugin and Pro version.
1.0.2
- Fixed an error when creating an archive.
1.0.1
- Fixed scripts and styles.
1.0.0
Initial release. No previous version available.