- Posts: 76
- Thank you received: 0
magnify picture when mouse move over
- zoeatdemetra
-
Topic Author
- Offline
Less
More
14 years 3 months ago #52661
by zoeatdemetra
magnify picture when mouse move over was created by zoeatdemetra
Two questions:
Q1: how to make the thumnail & the pop-up image even bigger in the product page? I've tried to adjust the setting in display->content menu/module, but it doesn't work, it still seems very small.
See the link here: demetracabinetry.com/shop-vanities-onlin...nitysingle-door.html
Q2: Is there a way to magnify where the mouse moves over at? See the example here: www.justvanities.com/Design-Element-Madr...EC1100-VED1048.html#
Thank you and hope to hear from you soon.
Zoe
Q1: how to make the thumnail & the pop-up image even bigger in the product page? I've tried to adjust the setting in display->content menu/module, but it doesn't work, it still seems very small.
See the link here: demetracabinetry.com/shop-vanities-onlin...nitysingle-door.html
Q2: Is there a way to magnify where the mouse moves over at? See the example here: www.justvanities.com/Design-Element-Madr...EC1100-VED1048.html#
Thank you and hope to hear from you soon.
Zoe
Please Log in or Create an account to join the conversation.
14 years 3 months ago #52750
by Xavier
Replied by Xavier on topic Re: magnify picture when mouse move over
Hi zoeatdemetra,
For the first question, you can edit the sizes in HikaShop > System > Configuration > Files.
And unded the Images tab, you can set the thumbnail width and product page image width.
To magnify when the mouse moves over the picture, it's not included in hikashop, but you can do it in JavaScript with an:
In your magnify function, create a display with the same src as your picture.
Maybe there is already existing plugins in Joomla for that.
For the first question, you can edit the sizes in HikaShop > System > Configuration > Files.
And unded the Images tab, you can set the thumbnail width and product page image width.
To magnify when the mouse moves over the picture, it's not included in hikashop, but you can do it in JavaScript with an:
Code:
<img id="hikashop_main_image" [...] onMouseOver="magnify();"/>
In your magnify function, create a display with the same src as your picture.
Maybe there is already existing plugins in Joomla for that.
Please Log in or Create an account to join the conversation.
14 years 3 months ago #52751
by nicolas
Replied by nicolas on topic Re: magnify picture when mouse move over
Regarding the zoom, you can see this thread:
www.hikashop.com/en/forum/4-how-to/1654-image-zoom.html
www.hikashop.com/en/forum/4-how-to/1654-image-zoom.html
Please Log in or Create an account to join the conversation.
Time to create page: 0.158 seconds