설명

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.
Includes German, French, Japanese, Spanish, and Dutch translations for both storefront and admin interfaces.

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.

스크린샷

Product comparison table displayed on the frontend.

Main plugin settings page in the WordPress admin area. — Product comparison table displayed on the frontend.

블록

이 플러그인은 2개의 블록을 제공합니다.

DITS Compare Table
DITS Compare Button

설치

Upload the dits-compare folder 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.
How do I add a compare button?: 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.

후기

anastasiya27 2026년 3월 25일

Very useful plugin for WooCommerce. It’s easy to set up and works perfectly. The product comparison feature is simple and helpful for customers. Clean interface and good performance.

Volodymyr Zhukivskyi 2025년 7월 25일

I really liked the clean interface and seamless WooCommerce integration. The customizable comparison table and modern development stack are a big plus. Well done

모든 2 평가 읽기

기여자 & 개발자

“Product Compare for WooCommerce by DITS”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

Dits.Agency

자국어로 “Product Compare for WooCommerce by DITS”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록을 RSS로 구독하세요.

변경이력

1.1.6

Added translator comments for shortcode placeholders in plugin settings.
Escaped comparison and Elementor output with a restricted HTML allowlist.
Removed production error_log calls from Elementor widget rendering.
Preserved bundled translations as a fallback when WordPress.org language packs are unavailable.

1.1.5

Added German (de_DE), French (fr_FR), Japanese (ja), Spanish (es_ES), and Dutch (nl_NL) translations.
Regenerated the translation template and bundled PO/MO language files.
Added JavaScript translations for Gutenberg block controls.
Internationalized comparison table labels, modal accessibility labels, settings hints, and product dimensions.
Aligned the plugin asset version with the plugin header and improved translation loading.

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.

Great and Easy to Use Plugin

Great plugin!

설명