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.
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.
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
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.
Advanced Options
Add some custom CSS or custom Javascript if you want to modify the styling advanced.