• 0 items $ 0
    • No products in the cart.

We are so confident you'll love this plugin and our same day priority support that ALL a3rev Pro Licenses come with or industry leading 60 day, 100% satisfaction or a 100% money back guarantee. Steve Truman

Founder and team leader @ a3rev

WooCommerce Compare Products

Buy this Plugin

License Subscription is valid for one year of maintenance updates, feature upgrades and support. Read more

Ask a Question +

Support

Need help? View this plugins documentation, or post a question on the plugins support forum.

Plugin Details

Last Updated :
2014/08/29
Version History : Category :

Overview

WooCommerce Compare Products extension for WooCommerce is a new generation WooCommerce plugin gives a you a product comparison feature that you’d only expect to find on the big corporate e-commerce sites.

More Power

All WooCommerce Compare Products front end JavaScript functions are built in backbone.js.

backbone.js

Backbone makes Compare Products an incredibly robust and powerful application. An example of this is the use of backbone.localstorage to create live synching between the Compare List widget and the Compare List table that opens by pop-up or on a new page. This feature was not possible before backbone.

Less Resources

WooCommerce Compare Products front end events are fired client side using the WooCommerce JSON RESTful API. Events in backbone are not fired via the admin-ajax.php file like all other JavaScript events, but are instead executed via the JSON RESTful API that is baked into the WooCommerce core since version 2.1.

Here is an info graphic to show how that works.

SPA info graphic

 

Sass-d-s_a3_Backbonejs_02

Featuring – Sass #dynamic {stylesheets}
Sass (Simply Awesome Stylesheets) is the most mature, stable, and powerful professional grade CSS extension language in the world. All WooCommerce Compare Products front end display is built in Sass – actually Sass #dynamic {styleheets}. When using the admin panel settings to front end style you are actually writing Sass code without touching the code.

  • Button Creator – Sass #dynamic {stylesheets} allows unique button creation and style.
  • Button / Hyperlink text options – Sass #dynamic {stylesheets} allows the option to choose either, plus layout and style for both.
  • Compare Widget – Sass #dynamic {stylesheets} enables you to create the perfect widget layout and style
  • Comparison List table – Sass #dynamic {stylesheets} enables you to customize the look and feel of the comparison table

WooCommerce JSON REST API.
This plugin automatically connects the backbone.js RESTful JSON interface with the WooCommerce JSON REST API. You do not need to do anything except know that the plugin will use at least 50% less host server (your server) resources than it was before conversion to backbone.

Full Integration with WooCommerce

  • Fully integrated into WooCommerce Taxonomies, Product Categories, Attributes and their terms.
  • Activate Compare on any existing or newly created Product Category.
  • Assign Attributes to any number of Product Categories that are activated for product Comparison.
  • Attribute terms are used as the comparison data
  • Create Single line or paragraph files for entering dynamic data for an attribute term.
  • Option to use check-boxes, drop-down, single select, multi select options to display terms on Compare product meta
  • Full integration with WooCommerce Product data > Variation settings.

Lite Version and Upgrading

The free lite version of Compare Products is different in many ways to the Pro version – for example the Lite Version creates its own tables – Compare Categories, Compare Features and Compare Feature Fields and dose not use the WooCommerce taxonomies as such.

Upgrading to the Pro Version from the Lite the Pro Version will automatically convert

  • Lite Version Compare Categories => WooCommerce Product Categories (if they do not already exist)
  • Lite Version Compare Features => WooCommerce Product Attributes (if they do not already exist)
  • Lite Version Compare Feature Fields => Terms of the corresponding or newly created attribute.
  • New Attributes created from the upgrade have cp- prefix on the slug to identify them.

The Lite version IS NOT a backbone.js app so does not include any backbone features mentioned on this page. Instead all JavaScript events are fired via the admin-ajax.php file. It Lite Version does not support connection with the WooCommerce JSON REST API.

Live Synch and Caching

One of the very good Backbone.js features is the ability to live synch compare lists between items currently in the comparison widget and opened Comparison lists, regardless of if the comparison list is set to show by poop-up or open on a new page.

Think how cool that is – you have your Compare set to open the View Comparison list in a new window, the user views the compare list (which opens a new tab on the browser) – removes an item from the list table – then goes back to the tab where the product page is opened and the items in the widget have been automatically updated – all without a page reload. They add some more items to the Widget – go back to the Comparison list table and see that by magic the items have also been added to the comparison table – no page refresh required – they are just there.

  • Live synch between products in the Compare Widget and the Compare List.
  • User removes an item from the compare list and it is auto removed from the widget
  • User removes an item an item from the compare widget and it also removed from the opened compare table list
  • Live Synch works with the compare list in both the pop-up and open on a new window.
  • Remove items from the compare list without the page reloading.
  • Compare lists are cached by backbone.localstorage on the users machine local storage for persistence and performance
  • Cache is strong, fast and persists over page reloads and even system shutdown and all without cookies or sessions

Compare Express Products Manager

The Express Products Manager will save you so much time in setting up and editing the Compare feature across your entire product range that this feature alone is worth many times the price of the Pro Version upgrade.

  • Manage the Compare feature on your entire Catalog from the Express Products manager admin panel.
  • All Products and Product variations are auto loaded to the dashboard.
  • On Click edit.
  • Never have to leave the admin panel to add or edit the Compare feature on a product.
  • See at a glance which products and variations have the compare feature activated.
  • Save hours / days or weeks a year in time with Compare Express Product Manager

Watch this 84 second demonstration video to see why the Express Products Manager in the Pro Version is a must have feature.

 

Compare Widget Layout and Style

Use the Pro Version Sass #dynamic {stylesheets} feature to completely customize the look and layout of the Compare Widget.

  • Thumbnails – Activate or deactivate the items thumbnails showing in the widget
  • Thumbnails – set a custom size and position for the thumbnails.
  • Thumbnails – create a custom thumbnails border
  • Widget View Comparison table – Choose button or text link, custom button / text design and position.
  • Clear All – Choose button or text link, custom button / text design and position relative to Compare feature.
  • Customize the widget title and item counter. Use the themes widget title or create your own.
  • Upload a custom remove from widget icon.
  • Customize the Empty Widget message and font.

Product Card Style

WooCommerce Compare Products Pro Version Sass #dynamic {stylesheets} enables you to customize how the Compare Feature shows on the shop, Product category and Product Tag pages product card display.

  • Choose to display as Button or Link text and customize the style of both.
  • Activate the ‘View Compare’ feature that shows when the user adds a product to compare.
  • ‘View Compare’ link shows under the compare button and is a link to the Comparison page.
  • ‘View Compare’ saves the user having to go to the Compare widget to activate the comparison window.
  • Customize the ‘View compare’ text and font styling.

Comparison List Table styling

WooCommerce Compare Products Pro Version Sass #dynamic {stylesheets} feature unlocks a full compliment of layout and styling features that enables you to fully customize the Comparison List table. Features Include:

  • Product Prices – Show or hide product prices on the table.
  • Product Prices – if activated set the position of the product prices show and customize the font.
  • ‘Add to Cart’ – Show or hide the Add to Cart function on the Comparison table.
  • “Add to Cart’ – Choose to show as a Button or Linked text and style with full custom settings.
  • Upload a Custom successfully added to Cart icon.
  • ‘View Cart’ linked text that shows after item is added to cart. Full custom style settings.
  • Custom Table style settings. Create a unique look by styling the background colour for table header and alternate rows.
  • Custom table border style settings and row sizing options.
  • Customize the Compare Feature Titles (Left Fixed Column), font and font style.
  • Customize the font and font style for the table rows.
  • Empty table row Cells text – set Default Font to show (or set as empty). Select font and font styling.
  • Empty table row Cells custom background colour.
  • Product name, set font, font size, font style and font colour.
  • Print This Page message. Customize the text and text font.
  • Choose to display Print This Page as a Button or Text Link. Full custom styling options for both.
  • Choose to display Print This Page as a Button or Text Link. Full custom styling options for both.

Translations

We are always looking for language translations to add to the plugin’s language folder.

  • English (default) – always included.

.po file (wo0_cp.po) in languages folder for translations.

If you do a translation for your site please send it to us for inclusion in the plugin language folder. We’ll acknowledge your work here. Use the Contact Us form to send your translation to us for inclusion in the plugins language files.

Back to Top

100% Risk Free!

Try the Free version first. You can download it from the plugins WordPress repository. Upgrading to the Pro version is a simple and seamless exercise. You will see all of the Pro Version features on the Lite Version. Upgrading to the Pro Version activates those features.

Ready to go straight to Pro! You can do that with complete confidence with our 60 day 100% money back guarantee. If at any time up to 60 days after purchasing any of our plugins you are not 100% satisfied we will refund 100% of your money. No if, buts or maybes. Just send an email request for refund, no forms to fill out, no waiting times, no explanations required – we will deactivate your plugin license and refund the full 100% purchase price. Simple – quick and no hassles.

Back to Top