1. Home
  2. ReHub Theme
  3. Comparison charts, tables
  4. Dynamic comparison charts

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 and for posts which have Flipkart products which added with Content Egg.

When you start configuring comparison, just understand, that you must configure two things – How to show comparison charts on comparison page and How to enable comparison button which will trigger dynamic comparison functions.

Comparison of WooCommerce Products

If you want to compare WooCommerce products, you can use built-in system instead of custom plugins. Go to  Theme option   Dynamic Comparison  and enable there dynamic comparison for woocommerce.

 

Then, create new page which will be used to show results of comparison and place shortcode in content of page:

[wpsm_woocharts]

Then, go to theme Option – dynamic comparison and choose this page in SINGLE GROUP DYNAMIC COMPARISON section

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. If you want to configure fields which will be in comparison results, you can use Custom Comparison Charts constructor instead of shortcode

 

Compare products from Flipkart

If you have Content Egg plugin and enabled Flipkart module, you can try new automatic comparison page. Theme will grab specification data from Flipkart if you added offer from Flipkart to post. So, you don’t need to build comparison charts. To use this function – use Content Egg + Flipkart module, then, create page and choose “Auto Comparison chart Flipkart CE” template in page attributes. Then, configure comparison page as described below.

Attention!!!! Don’t use several comparison features at once. On one page, you can use woocommerce shortcode OR Flipkart auto charts OR custom charts. Don’t try to enable Flipkart Comparison and woocommerce shortcode on the same page

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.

Configuration for comparison page

  • Create page with comparison chart template or shortcodes as described in the relevant section.
  • Go to  Theme option   Dynamic comparison . Here, you can use two types: single and multi group compare. If you have single niche site – use Single group. If you want to have several comparison pages – enable Multi group.

  • Enable compare buttons in posts if you want to have it in top of each post (or in some categories). You can also add buttons to any place by shortcode:
    [wpsm_compare_button]

    This shortcode will generate button which will add current post (where shortcode is placed) to comparison.

  • By default, when user clicks on button, item will be added to compare group and he will see comparison icon in right side of site. You can disable this icon in options. Instead of this, you can add this icon in header section. For this, choose Shop/Compare header layout in  Theme option   Header and menu .

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

6,22;Laptops;1168
5,30;Mobiles;1168

This means, that if item is in 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. If you use custom post type and custom taxonomy, you can add taxonomy in the end. For example, for WooCommerce, it will be 6,22;Laptops;1168;product_cat – this will add item to “Laptops” group if it’s in taxonomy “product_cat” (used for product categories in WooCommerce) with id = 6 or 22

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).