Th Product Compare Pro

How to Purchase & Install Pro Plugin

Th Product Compare Pro Plugin Allows customers to compare products. Using this WooCommerce plugin customer can compare their selected products and make a better decision before buying it.

  • Step 1 : Navigate to ThemeHunk homepage, You will see “Plugins” menus on the top, when you hover over it you’ll see Th Product Compare Pro, click on it.
  • Step 2 : Afterward, just simply hit the ‘Buy Now’ button and it will directly take you to the ‘Pricing‘ section of Th Product Compare Pro Plugin.
  • Step 3: Now choose your desired plan from here and hit the button Buy Now from desired table.
  • Step 4 : Purchase your plugin from here, fill all the required details. Login to your member’s area. Your pro plugin has been added in your member’s area dashboard.
  • Step 5 : You’ll see a Th Product Compare Pro plugin zip file in your Member’s area. Download the zip file of plugin.
  • Step 6 : Now, Open your WP Dashboard > Plugins > Add New > Upload the Plugin Zip file and Activate it.
  • You can See “Th Product Compare Pro” panel in your dashboard.

Appearance Setting of Compare Button

  • For Button Appearance button settings, Go to your Dashboard > Th Product Compare > General > Button Appearance.
  • Link or Button – With this option you can choose Button or link to display your compare button in product.
  • Product Compare Appear – Using this option Product comparison table can be shown as a popup or within a page. Select ‘popup’ if you don’t want your users to leave the page where they are, select ‘Page’ if you prefer showing the comparison table on a page.
  • Text / Button Text – You can add the text of Compare button.
  • Number Of Product – Here you can add the Number of products you want to show in your Compare table.
  • Show button in single product page – Check the box and show your Product Compare button in Single product page.
  • Show button in products list – Check the box and show your product Compare button in Product list.

How to show Compare Button Using Shortcode and HTML

  • Go to your Dashboard > Th Product Compare > General > Button Appearance.
  • To Show Compare button in your products, just add this code in your page –
  • echo do_shortcode('[th_product_compare product_id='10']')

  • To Show Compare Button in your products, you can also use HTML element –
  • button

Compare button Advance Setting

  • For Compare button Advance Setting, Go to your Dashboard > Th Product Compare > Advance Setting.
  • The products added to the comparison table will be divided by category so that the comparison will be done only for products of the same category.
  • Field To Show – You can display following fields in your compare table – Image, Title, Price, Rating, Add To Cart, Description, SKU, Availability, Weight, Dimension and Size
  • You can Repeat “Price” field and Repeat “Add to cart” field in your comparison table.


Compare Table Preview ​Styling

  • To style your product comparison table, Go to your Dashboard > Th Product Compare > Style > Compare Preview .
  • Popup Heading – Here you add the Heading of your product comparison table.
  • You can pick color for following elements –
  • Fore Ground Color / Overlay Color – Pick desired color for your table fore ground.
  • Row Even Background Color – Pick desired color for Compare Even row background color.
  • Row Odd Background Color – Pick desired color for Compare Odd row background color.
  • Border Color – Pick desired color for Table border.
  • Heading Color – Pick desired color for Table Heading.
  • Heading Background Color – Pick desired color for Heading background.
  • Add To Cart Color – Pick desired color for Add to Cart Button.
  • Add To Cart Background Color – Pick desired color for Add to Cart background.
  • Close Button Color – Pick desired color for Close button of table.
  • Close Button Background Color – Pick desired color for Close button Background of table.
  • Rating Color – Pick desired color for Product Rating.
  • Remove Button Color – Pick desired color for Product Remove button.

Single Page Setting

  • Go to your Dashboard > Th Product Compare > Single Page Settings.

Get Help

  • If you face any difficulties, feel free to contact our support team at support forum.
  • You can also Contact us. by filling the form or ping us at our Live chat for pre sales queries.