- Posts: 25
- Thank you received: 0
Product image enlarge on Mouseover?
15 years 9 months ago #2586
by neila
Product image enlarge on Mouseover? was created by neila
Hello is there a way to get the images of products (on the page with its descriptions) to enlarge on mouseover?
Please Log in or Create an account to join the conversation.
15 years 9 months ago #2587
by nicolas
Replied by nicolas on topic Re: Product image enlarge on Mouseover?
You mean that you want to display the big version of the image on mouse over instead of when the user click on it ?
You can do that by editing the file administrator/component/com_hikashop/helpers/image.php near line 130. You can replace the code
by the code
Please note that this modification will be overwritten if you update HikaShop.
You can do that by editing the file administrator/component/com_hikashop/helpers/image.php near line 130. You can replace the code
Code:
$html = '<a rel="{handler: \'iframe\', size: {x: '.$this->width.', y: '.$this->height.'}}" target="_blank" href="'.$this->uploadFolder_url.$path.'" onclick="SqueezeBox.fromElement(this);return false;" '.$optionslink.'>'.$html.'</a>';
Code:
$html = '<a rel="{handler: \'iframe\', size: {x: '.$this->width.', y: '.$this->height.'}}" target="_blank" href="'.$this->uploadFolder_url.$path.'" onhover="SqueezeBox.fromElement(this);return false;" '.$optionslink.'>'.$html.'</a>';
Please note that this modification will be overwritten if you update HikaShop.
Please Log in or Create an account to join the conversation.
15 years 9 months ago #2590
by neila
Replied by neila on topic Re: Product image enlarge on Mouseover?
Hello this is the code i used but it doesnt work nothing happens when i hover ...when i click now it opens the image in a new window. Thanks for a quick reply.
$html = '<a rel="{handler: \'iframe\', size: {x: '.$this->width.', y: '.$this->height.'}}" target="_blank" href="'.$this->uploadFolder_url.$path.'" onhover="SqueezeBox.fromElement(this);return false;" '.$optionslink.'>'.$html.'</a>';
$html = '<a rel="{handler: \'iframe\', size: {x: '.$this->width.', y: '.$this->height.'}}" target="_blank" href="'.$this->uploadFolder_url.$path.'" onhover="SqueezeBox.fromElement(this);return false;" '.$optionslink.'>'.$html.'</a>';
Please Log in or Create an account to join the conversation.
15 years 9 months ago #2592
by neila
Replied by neila on topic Re: Product image enlarge on Mouseover?
Hello..I found the answer instead of "onhover" it should be "onmouseover" and it works. Thank you!
Please Log in or Create an account to join the conversation.
Time to create page: 0.176 seconds