Product Comparison Module

Post image of Product Comparison Module
Filed in AbleCommerce 7.x Plugins , Featured 1 comments

The product comparison module improves the usability of your AbleCommerce store by allowing shoppers to compare a shortlist of products side-by-side and eliminating the need to navigate back and forth between product pages. It also provides users with a better system than using the shopping cart as a holding place for product comparison, which should improve  your shopping cart abandonment rate.

Product Comparison Module extends store functionality and makes available a Compare button along with the standard Add To Cart or View Details buttons. Customers can make use of this Compare button to add desired products to the compare-list. This compare-list will be available to customer so that he/she can remove unwanted products from this list. On the compare-list, once customer clicks the Compare button he/she is presented with a product comparison matrix. Please check screen shots to find out how this looks like.

The Product Comparison Module can compare products for three type of information as listed below.

  • General Information: These fields are available for every product in AbleCommerce store. The list of these fields available within product comparison matrix are
    • Summary
    • Description
    • SKU
    • Manufacturer
    • Height
    • Width
    • Length
    • Weight
    • MSRP
    • Shippable
  • Product Options: Product Comparison Module can compare product options as well. Option name is used as the comparison key. For example if you have three products in your compare list and those all products have a product option named Color then product compare module will add those option values to compare matrix. Keep in mind that this would be a case insensitive operation when comparing product options with same name.
  • Product Templates: Product Comparison Module will also take care of the product template fields if all products being compared are applying a common product template. All merchants fields of the product template would be listed in the compare matrix.

You can get Product Comparison Module here.

Screen Shots


c5

A new compare button is made available along with the standard buttons.

c2
Compare-List is available in the sidebar


c43

Comparison-matrix displaying products in comparison to each other


Deployment and Configuration

To install the product comparison module get the latest version from http://www.plugables.com. The zip file you get will contain the following files and folders

  • ReadMe.rtf
  • WebSite/

For installation

  • Copy all files from ‘WebSite’ folder to your store where AbleCommerce is installed. Copy all files to the corresponding directories in your store. For example copy everything from WebSite/ConLib/ folder to ‘ConLib’ folder of your store and so on.
  • Start using the ConLib controls from ConLib/ProductComparison folder as described next.


Displaying Compare List

To display the compare list, for example in the sidebar, you can use the [[ConLib:ProductComparison\CompareList]] control in your sidebar scriptlets.

1
[[ConLib:ProductComparison\CompareList Caption="Compare List"]]
  • Caption property can be used to set the caption to display for compare-list. The default is ‘Products To Compare’


Displaying Compare Matrix

To actually compare the products in the compare list you can display the compare matrix using [[ConLib:ProductComparison\CompareMatrix]] control in your scriptlets.

1
[[ConLib:ProductComparison\CompareMatrix Caption="Compare Matrix" ShowSummary="true" ShowDescription="true" ShowSKU="true" ShowManufacturer="true" ShowLength="true" ShowWidth="true" ShowHeight="true" ShowWeight="true" ShowMSRP="true" ShowShipable="true" CompareProductOptions="true" CompareProductTemplate="true" ]]
  • Caption property can be used to set the caption to display for compare-list. The default is ‘Product Comparison Matrix’
  • ShowSummary property indicates whether to display Summary field in comparison matrix or not. The default is ‘true’.
  • ShowDescription property indicates whether to display Description field in comparison matrix or not. The default is ‘true’.
  • ShowSKU property indicates whether to display SKU field in comparison matrix or not. The default is ‘true’.
  • ShowManufacturer property indicates whether to display Manufacturer field in comparison matrix or not. The default is ‘true’.
  • ShowLength property indicates whether to display Length field in comparison matrix or not. The default is ‘true’.
  • ShowWidth property indicates whether to display Width field in comparison matrix or not. The default is ‘true’.
  • ShowHeight property indicates whether to display Height field in comparison matrix or not. The default is ‘true’.
  • ShowWeight property indicates whether to display Weight field in comparison matrix or not. The default is ‘true’.
  • ShowMSRP property indicates whether to display MSRP field in comparison matrix or not. The default is ‘true’.
  • ShowShipable property indicates whether to display Shippable field in comparison matrix or not. The default is ‘true’.
  • CompareProductOptions property indicates whether to display product option fields in comparison matrix or not. The default is ‘true’.
  • CompareProductTemplate property indicates whether to display product template fields in comparison matrix or not. The default is ‘true’.
Posted by Abdullah   @   12 June 2009 1 comments
Tags : , , ,

Share This Post

RSS Digg Twitter StumbleUpon Delicious Technorati

1 Comments

Comments
Sep 5, 2010
9:57 pm

Great information! I’ve been looking for something like this for a while now. Thanks!

Leave a Comment

Previous Post
«
Next Post
»