magnify picture when mouse move over

  • Posts: 76
  • Thank you received: 0
11 years 11 months ago #52661

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

Please Log in or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
11 years 11 months ago #52750

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:

<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.

  • Posts: 81716
  • Thank you received: 13107
  • MODERATOR
11 years 11 months ago #52751

Regarding the zoom, you can see this thread:
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.067 seconds
Powered by Kunena Forum