When users hover on the product image on category page (product listing page) then a tooltip will appear displaying product's information like product name, price, ratings, short description, and additional attribute information.
Configuration Settings
The extension's configuration settings can be found at: System -> Configuration -> CATALOG -> Product Tooltip
There are two kinds of settings available for Product Tooltip extension.
General Settings
In General Settings, you can enable/disable the extension. You can also choose what to show in the product tooltip. You can show product, name, price, rating stars, short description, and attribute info.
Attribute Info means the attribute name and value. It's same as the "Additional Information" block present in the product view page.
You can also select whether to show all attributes info of that product or only those attributes info whose settings for "Used in Product Listing" is set to "Yes".
You can change this settings of any attribute from: Catalog -> Attributes -> Manage Attributes
Tooltip Design Settings
Here, you can adjust different tooltip design and effect related settings.
Animation Effect: There are five different animation effects available to display the tooltip. They are: fade, grow, swing, slide, fall
Position: You can adjust the position to display the tooltip. The options available are: right, left, top, top-right, top-left, bottom, bottom-right, bottom-left
Theme: There are five different tooltip themes available. They are default, noir, shadow, punk, light
Tooltip Javascript
A jQuery plugin called Tooltipster (http://iamceege.github.io/tooltipster/) is used to create tooltip.
