Mouseover effect from they use Hikashop

  • Posts: 9
  • Thank you received: 0
11 years 8 months ago #128641

Hi.

I'm new to Hikashop, and I found the design on the following page great with the mouseover effect.

How can this be done? is there a plugin or something that can do it. Or is there some build in effect in Hikashop or is that something you need to buy ekstra?

workaholicfashion

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

  • Posts: 26253
  • Thank you received: 4040
  • MODERATOR
11 years 8 months ago #128681

Hi,

It can be done using a custom product listing which will generate the appropriate HTML with the four thumbnails (or less.. or more).
The trick is that, for each product their are four elements and four images. When the mouse move over one element, the background image is changed using the image attached to the targeted element.

	jQuery('.images_spacer').mouseover(function () {
		jQuery('.imgrow-'+jQuery(this).attr('rev')).html( jQuery(this).html() );
	});
For the rest, it is HTML and CSS.

Regards,


Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

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

Time to create page: 0.054 seconds
Powered by Kunena Forum