Learn how to setup our WooCommerce Compare products plugin in the next simple steps.

Settings Menu

In order to setup the plugin you should be able to see the Compare Products Menu under the WooCommerce menu. If you can not see the menu make sure the Redux Framework plugin is installed and activated.

General Settings

Enable or disable the compare products plugin as you like. Furthermore you can specify if you want to show a check box to hide similarities or highlight differences inside the comparison table.

Also you can set the maximum amount of products to be compared and set the not available text. This appears if one product has attribute X, but the other product does not have attribute X.

general compare options
general compare options

Compare Styles

We split the styles into 3 different sections:

  • Compare Bar Styles
  • Compare Table Styles
  • Compare Shortcode Table Styles

Compare Bar Styles

You can style the compare bar as you like. Choose a position (bottom or top), set a custom height, width / height of the products.

Furthermore you can set a custom background color and text color.

Compare Table Styles

Then you can set styles for the fly out comparison table, that appears when you click on compare now. Here you can set a text color, background color, odd / even row background color and a highlight color.

Compare Shortcode Table Styles

This is mainly the same as the settings for the normal table. Here you can set a text color, background color, odd / even row background color and a highlight color.

compare bar and table settings
compare bar and table settings

Data To Compare

For the compare tables you can choose what data you want to appear.

Important: If no data was found for all products inside the table it will not be displayed. E.g. Attribute X is not available in all products. 

Some interesting data of what you can compare:

  • Product Image
  • Title
  • Excerpt / Short Description
  • Long Description
  • Reviews
  • Price
  • SKU
  • Dimensions
  • Weight
  • Stock Status
  • Variations
  • Custom Meta Data
  • Custom Product Taxonomies
  • + ALL Product ATTRIBUTES
data to compare options
data to compare options

Single Product Comparison

If you enable this option, a comparison Slider on the single product page will be displayed. The products are automatically be taken from the Current Product + products from the same category.

Here you can set a title e.g. “Compare with similar products” and a custom description. Then you can set the position + how many products should be shown Plus the data to be shown there.

Moreover you can specify the slider settings e.g. the slides to show, to scroll or if you want to show dots or the arrows.

single product configuration
single product configuration

Advanced Options

Add some custom CSS or custom Javascript if you want to modify the styling advanced.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.