- Posts: 9
- Thank you received: 3
Tooltip when hovering over the product image
2 years 2 days ago - 2 years 2 days ago #363390
by sophiez
Tooltip when hovering over the product image was created by sophiez
-- 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
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 2 days ago by sophiez.
Please Log in or Create an account to join the conversation.
2 years 2 days ago - 2 years 2 days ago #363394
by nicolas
Replied by nicolas on topic Tooltip when hovering over the product 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>Views and use the drag & 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:
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>Views and use the drag & 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:
<?php echo $this->row->product_length.' x '.$this->row->product_width.' x '.$this->row->product_height.' '.$this->row->product_dimension_unit; ?>
Last edit: 2 years 2 days ago by nicolas.
The following user(s) said Thank You: sophiez
Please Log in or Create an account to join the conversation.
2 years 1 day ago #363423
by sophiez
Replied by sophiez on topic Tooltip when hovering over the product 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
Please Log in or Create an account to join the conversation.
Time to create page: 0.178 seconds