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
Max products to compare - Define how many products can be compared at the moment
Category Page
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
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