Dynamic comparison charts

Dynamic comparison works when user choose one or more products for comparison by clicking on  Add to compare  button. Theme supports multi group comparison (when product is added to own group based on product’s category). Also, you can create custom comparison chart to compare only those data which you want.

We added also several functions to create charts automatically. It’s available for WooCommerce products.

How to enable Comparison option?

It’s very easy. Go to theme option – dynamic comparison and choose one of page for comparison. You must have special shortcode in content of page


Well, that’s all what you need

If you want to make several groups of product comparison, then, instead single page, create several pages (you can use the same shortcode for all pages) and configure multigroup as described below.

When you use multi group, you must add correct settings in field. Example:


This means, that if item is in product category ID = 6 or 22, it will be added to comparison group “Laptops” and comparison page for this group has ID = 1168. Items from categories 5 or 30 will be in “Mobiles” group and comparison page is 1169 for this group.

How to find Ids

Attention! When you use multi group, add each post only to one category which you want to use for comparisons (don’t add posts to several categories at once). Also, each comparison group must be assigned to own page even if content on all pages are the same

If you want to configure fields which will be in comparison results, you can use Custom Comparison Charts constructor instead of shortcode

Attention! When you use multi group, you should add also categories to wpsm_woochart shortcode. Example

[wpsm_woocharts terms="1,2,3"]

Where 1,2,3 is product category ids which you want to assign to “Add more items” button. Without this, button will search inside all categories of products.

Creating custom comparison charts

You can also build your own comparison page with comparison chart builder. This allows to compare only those data which you want and control every row of chart. To use this, create page, choose Top chart constructor and page attributes and begin to add each row of chart.