Show big picture on mouse hover

Dear Support,
I was wondering, is there a way to show the big (original size) image of a thumbnail with my mouse hovering over it on the products listing page?
I'm asking only, because my site will have many products, and going into all of them just so the buyer can look at the big picture seems like a hassle.

Thank you for the reply in advance.

I've made this example with paint:

worked like a charm, thank you very much!

Info for other users:
I tried the mouse hover, and... well:
Instead of mouse hover I advice the other users, who wish to do the same thing, to use "onmouseclick" instead of "onmouseover", because it can be kinda "brain damaging"

I did the onmouseover thing on my products, and found out it was very annoying for it to pop up all the time, it also drove my manager mad so took it off quick, might be worth considering sometimes you really dont want things popping up in your face !!

Hello!

I too, have a client who wants images in the products listing page to enlarge on mouseover. (Like this website: uk.farnell.com/jsp/search/browse.jsp?N=2...prevNValues%3D203450 )

I've added the code you suggested to the View > Listing_table. This works on hover, but opens the image in a shadowbox style view which then has to be closed using the X. I've added a screengrab showing this.

Can you advise?

Many thanks!

Thanks Jerome. Unfortunately, my javascript skills aren't up to much!

Will have a look around the web and see if I can find a solution.

All the best - Leo

Right. I've worked out some sort of solution...
This post helped me:
www.hikashop.com/en/forum/4-how-to/1654-...e-zoom.html?start=20

First, I installed Magic Zoom:
www.magictoolbox.com/magiczoom/modules/joomla/

It was published in the header.

Then I edited the display > View > Product / listing_table

I changed this line:

<a href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->product_name); ?>">

<a href="/media/com_hikashop/upload/<?php echo ($this->row->file_path); ?>"  class="MagicZoom"> title="<?php echo $this->escape($this->row->product_name); ?>">

Hi, i'm using/working with HikaShop Business on a client site.
I tried above and other several topics on this forum, unfortunately i can't achieve this yet.

I want to show Big Image (may be with desired size eg. 400px*400px) with the item title and price in the bottom ON MOUSE HOVER (not in popup or after click)
here is the good example exactly what we want,

http://themeforest.net/category/cms-themes/joomla

<tr>
					<?php if($this->config->get('thumbnail')){ ?>
						<td class="hikashop_product_image_row">
							<div style="height:<?php echo $divHeight;?>px;text-align:center;clear:both;" class="hikashop_product_image">
								<div style="position:relative;text-align:center;clear:both;width:<?php echo $divWidth;?>px;margin: auto;" class="hikashop_product_image_subdiv">
								<?php if($this->params->get('link_to_product_page',1)){ ?>
									<a href="<?php echo $link;?>" title="<?php echo $this->escape($this->row->product_name); ?>">
								<?php }
									echo $this->image->display(@$this->row->file_path,false,$this->escape($this->row->file_name),"","", $width ,$height);
									$main_thumb_x = $this->image->main_thumbnail_x;
									$main_thumb_y = $this->image->main_thumbnail_y;
									if($this->params->get('display_badges',1)){
										$this->classbadge->placeBadges($this->image, $this->row->badges, -10, 0);
									}
									$this->image->main_thumbnail_x = $main_thumb_x;
									$this->image->main_thumbnail_y = $main_thumb_y;

								if($this->params->get('link_to_product_page',1)){ ?>
									</a>
								<?php } ?>
								</div>
							</div>
						</td>

I'm using Joomla 3.1.5 and HikaShop Business latest version.
Also when i tried above code it's not working like that/first topic picture, it's opening with popup modal.

Thanks and waiting for help.

Hi,

I look for how to enlarge image onmouseover in products listing.
I seen it's possible in the previous versions of Hikashop with some code modifications in listing_img_title.

Have you a similar solution with Hikashop Business 2.6.1 / Joomla 3.4.8 ?

Thank's

Hi guys,

Where is this code located? Is it in the CSS file or somewhere else?

Thanks