Introduction

Product Comparison is a smart way to allow your customers to choose a product by comparing similar products based on price, features, etc...

Configuration

General

Compare Settings 01

Max products to compare - Define how many products can be compared at the moment


Category Page

Compare Settings 01

Display "Do Compare" Button - is a button in the top bar of product listing what is linked to Comparison Page. This button requires displayProductListTop hook.
Default file for this hok is /themes/YOUR_THEME/templates/catalog/_partials/products-top.tpl
Hook code: {hook h='displayProductListTop'}


Display "Add to Compare" Button - is a button in the every product miniature what allows to add that product to comparison list. This button requires displayProductButton hook with product id parameter.
Default file for this hok is /themes/YOUR_THEME/templates/catalog/_partials/miniatures/product.tpl
Hook code: {hook h='displayProductButton' product_id=$product.id}


Product Page

Compare Settings 01

Display "Add to Compare" Button - is a button allows to add current product to comparison list. This button requires displayMoreButtons hook.
Default file for this hok is /themes/YOUR_THEME/templates/catalog/_partials/product-add-to-cart.tpl
Hook code: {hook h='displayMoreButtons' product_id=$product.id}


Display Button Text - you can display dispription text (Add to compare/remove from comparison) for the button, or leave an icon only.


Auto Compared Products - this feature allows to make automatical (quick) comparison right on product page. Products are sorted out by "price" value. Required hooks are: displayFooterProduct and displayProductExtraContent depending on "Auto Compared Location" option.


Price Range - this option allows to tune "Auto Compared" feature. Depending on prices in your store you can define price range get get more precise auto compare result.


Auto Compared Location - select a place were you want to display "Auto Compared" products.

Used Hooks

  • displayBeforeBodyClosingTag
  • displayMoreButtons
  • displayFooterProduct
  • displayHeader
  • displayProductButton
  • displayProductExtraContent
  • displayProductListTop