- Posts: 9
- Thank you received: 0
Mouseover effect from they use Hikashop
12 years 11 months ago #128641
by Gjoed
Mouseover effect from they use Hikashop was created by Gjoed
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
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.
12 years 11 months ago #128681
by Jerome
Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.
Replied by Jerome on topic Mouseover effect from they use Hikashop
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.
For the rest, it is HTML and CSS.
Regards,
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.
Code:
jQuery('.images_spacer').mouseover(function () {
jQuery('.imgrow-'+jQuery(this).attr('rev')).html( jQuery(this).html() );
});
Regards,
Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.
Please Log in or Create an account to join the conversation.
Time to create page: 0.192 seconds