Change Image on Mouseover

Hey allaboutapps!

Please edit your product and add image to your product gallery on the right hand side of the screen. Then on “Product hover” section choose “Show first gallery image” – http://i.imgur.com/MIrVuOJ.png
You can see example on Enfold demo site – http://kriesi.at/themes/enfold/shop/

Best regards,
Yigit

Hi!

Please turn on Custom CSS field element for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give your image a unique class ( i.e.: custom-image ) and then add following code to Functions.php file in Appearance > Editor

function add_custom_image(){
?>
<script>
jQuery(window).load(function(){
jQuery('.custom-image img').hover(function(){ 
jQuery('.custom-image img').attr('src','http://kriesi.at/themes/wp-content/plugins/avia_cachable_style_switch/images/logo-enfold/splash-orange.png');
});
jQuery('.custom-image img').mouseleave(function(){
jQuery('.custom-image img').attr('src','http://kriesi.at/wp-content/themes/kriesi/images/logo.png');
});
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_image');

You should change image url’s. Second url should be to the initial image.
For more advanced solution, please hire a freelance developer

Regards,
Yigit