- Posts: 52
- Thank you received: 2
create a popup image when hovering over products
14 years 7 months ago #40630
by ozwest
create a popup image when hovering over products was created by ozwest
Hi guys
Is there a possibility to implement a script / css to let the pictures shown for the product to popup in original size when hovering over that thumbnail?
Thank you
Is there a possibility to implement a script / css to let the pictures shown for the product to popup in original size when hovering over that thumbnail?
Thank you
Please Log in or Create an account to join the conversation.
14 years 7 months ago #40830
by nicolas
Replied by nicolas on topic Re: create a popup image when hovering over products
Hi,
On which page ?
On the product page ? Or on listings ?
For the main thumbnail ?
There is of course the possibility to do it if you can code. But it might not be easy based on where you want that.
On which page ?
On the product page ? Or on listings ?
For the main thumbnail ?
There is of course the possibility to do it if you can code. But it might not be easy based on where you want that.
The following user(s) said Thank You: ozwest
Please Log in or Create an account to join the conversation.
14 years 7 months ago #40832
by ozwest
Replied by ozwest on topic Re: create a popup image when hovering over products
Mainly on the main thumbnail ... users tell me that they do not know that they have to click to enlarge the image ....
Please Log in or Create an account to join the conversation.
14 years 7 months ago #41035
by nicolas
Replied by nicolas on topic Re: create a popup image when hovering over products
Then you can replace the line:
$html = '<a title="'.$alt.'" rel="{handler: \'image\'}" target="_blank" href="'.$this->uploadFolder_url.$path.'" onclick="SqueezeBox.fromElement(this,{parse: \'rel\'});return false;" '.$optionslink.'>'.$html.'</a>';
by:
$html = '<a title="'.$alt.'" rel="{handler: \'image\'}" target="_blank" href="'.$this->uploadFolder_url.$path.'" onhover="SqueezeBox.fromElement(this,{parse: \'rel\'});return false;" '.$optionslink.'>'.$html.'</a>';
in the file administrator/components/com_hikashop/helpers/image.php
$html = '<a title="'.$alt.'" rel="{handler: \'image\'}" target="_blank" href="'.$this->uploadFolder_url.$path.'" onclick="SqueezeBox.fromElement(this,{parse: \'rel\'});return false;" '.$optionslink.'>'.$html.'</a>';
by:
$html = '<a title="'.$alt.'" rel="{handler: \'image\'}" target="_blank" href="'.$this->uploadFolder_url.$path.'" onhover="SqueezeBox.fromElement(this,{parse: \'rel\'});return false;" '.$optionslink.'>'.$html.'</a>';
in the file administrator/components/com_hikashop/helpers/image.php
Please Log in or Create an account to join the conversation.
14 years 2 months ago #58943
by gaspi
Replied by gaspi on topic Re: create a popup image when hovering over products
Is it possible to get this hover effect on product listing? I don't need product page but it would be nice if the user could see a larger image on hovering the thumb.
Please Log in or Create an account to join the conversation.
14 years 2 months ago #58992
by nicolas
Replied by nicolas on topic Re: create a popup image when hovering over products
Please Log in or Create an account to join the conversation.
14 years 2 months ago #59036
by gaspi
Replied by gaspi on topic Re: create a popup image when hovering over products
Thank you for the fast reply!
Please Log in or Create an account to join the conversation.
Time to create page: 0.317 seconds