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

Dynamic comparison charts

Dynamic comparison works when user choose one or more products to comparison page dynamically 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.

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   Shop settings  and enable there Comparison option. Then, create page and place shortcode in content of page:

[wpsm_woocharts]

Then, you need to configure comparison page as described below (single comparison page and multi group are supported). You can also use comparison chart builder if you want to create custom charts.

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

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

 

Was this article helpful to you? Yes No 2

How can we help?