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