[Skip to main content](#vessel-content)

#   Tooltip when hovering over the product image

##

- **[sophiez](/forum/user/80187-sophiez "View sophiez's Profile")**
- [![sophiez's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/80187-sophiez "View sophiez's Profile") Topic Author
- [ Offline](/forum/user/80187-sophiez)

Less More

- Posts: 9
- Thank you received: 3
-
-

2 years 1 month ago -  2 years 1 month ago [\#363390](#363390) by [sophiez](/forum/user/80187-sophiez "View sophiez's Profile")  *[Tooltip when hovering over the product image](/forum/26-product-category-display/908651-tooltip-when-hovering-over-the-product-image#363390 "-- HikaShop version -- : 5.1.1  In the demo site when you hover over the product image it lets you add it to the cart or wishlist. The out of box installation only shows the title of the product when hovering over the image. How do I change the content of the tooltip ? I couldn't find any configuration for that so I assume it must be a custom change. I would like to show the price and the dimension of it in the tooltip when hovering over the image")* was created by *[sophiez](/forum/user/80187-sophiez "View sophiez's Profile")*

-- HikaShop version -- : 5.1.1

In the demo site when you hover over the product image it lets you add it to the cart or wishlist. The out of box installation only shows the title of the product when hovering over the image. How do I change the content of the tooltip ? I couldn't find any configuration for that so I assume it must be a custom change. I would like to show the price and the dimension of it in the tooltip when hovering over the image

Last edit: 2 years 1 month ago by [sophiez](/forum/user/80187-sophiez "View sophiez's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDg2NTEtdG9vbHRpcC13aGVuLWhvdmVyaW5nLW92ZXItdGhlLXByb2R1Y3QtaW1hZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86324
- Thank you received: 14286
-
-

2 years 1 month ago -  2 years 1 month ago [\#363394](#363394) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Tooltip when hovering over the product image](/forum/26-product-category-display/908651-tooltip-when-hovering-over-the-product-image#363394 "-- HikaShop version -- : 5.1.1  In the demo site when you hover over the product image it lets you add it to the cart or wishlist. The out of box installation only shows the title of the product when hovering over the image. How do I change the content of the tooltip ? I couldn't find any configuration for that so I assume it must be a custom change. I would like to show the price and the dimension of it in the tooltip when hovering over the image")*

Hi,

This exact effect is added by the template we're using on the demo website, which is a third party template.
HikaShop has its own hover effect with the Business edition. For that, when you edit a product listing menu item or module via Joomla, you can go under the Products options tab (or HikaShop options tab for modules) and change the item layout setting to Fade or slider_vertical.
And if you want to switch which information is displayed in which area, you can edit the product / listing_fade or product / listing_slider_vertical view files via the menu Display&gt;Views and use the drag &amp; drop interface to swap the elements around.
Now, if you want to add extra information like dimensions, you'll have to add a bit of custom code to the view file.

For example, you could add this code to add the dimensions: Code:

&lt;?php echo $this-&gt;row-&gt;product_length.' x '.$this-&gt;row-&gt;product_width.' x '.$this-&gt;row-&gt;product_height.' '.$this-&gt;row-&gt;product_dimension_unit; ?&gt;

Last edit: 2 years 1 month ago by [nicolas](/forum/user/63-nicolas "View nicolas's Profile").

The following user(s) said Thank You: [sophiez](/forum/user/80187-sophiez "View sophiez's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDg2NTEtdG9vbHRpcC13aGVuLWhvdmVyaW5nLW92ZXItdGhlLXByb2R1Y3QtaW1hZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation.

- **[sophiez](/forum/user/80187-sophiez "View sophiez's Profile")**
- [![sophiez's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/80187-sophiez "View sophiez's Profile") Topic Author
- [ Offline](/forum/user/80187-sophiez)

Less More

- Posts: 9
- Thank you received: 3
-
-

2 years 1 month ago [\#363423](#363423) by [sophiez](/forum/user/80187-sophiez "View sophiez's Profile")  Replied by *[sophiez](/forum/user/80187-sophiez "View sophiez's Profile")* on topic *[Tooltip when hovering over the product image](/forum/26-product-category-display/908651-tooltip-when-hovering-over-the-product-image#363423 "-- HikaShop version -- : 5.1.1  In the demo site when you hover over the product image it lets you add it to the cart or wishlist. The out of box installation only shows the title of the product when hovering over the image. How do I change the content of the tooltip ? I couldn't find any configuration for that so I assume it must be a custom change. I would like to show the price and the dimension of it in the tooltip when hovering over the image")*

Thank you. I was able to change the listing_hover_x_img_title file with your info to reflect the dimension in the tooltips.

The following user(s) said Thank You: [nicolas](/forum/user/63-nicolas "View nicolas's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS85MDg2NTEtdG9vbHRpcC13aGVuLWhvdmVyaW5nLW92ZXItdGhlLXByb2R1Y3QtaW1hZ2U/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.054 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
