-- JAVASCRIPT -- // Zoom-in hover mouse en página producto (imagen principal) $(document).ready(function() { $('.stsb_grid_item').on('mousemove', function(e) { var $img = $(this).find('.stsb_pro_gallery_item'); var mouseX = e.pageX - $(this).offset().left; var mouseY = e.pageY - $(this).offset().top; var imgWidth = $img.width(); var imgHeight = $img.height(); var originX = (mouseX / imgWidth) * 100 + '%'; var originY = (mouseY / imgHeight) * 100 + '%'; $img.css({ 'transform-origin': originX + ' ' + originY }); }).on('mouseenter', function() { $(this).find('.stsb_pro_gallery_item').addClass('zoomed'); }).on('mouseleave', function() { $(this).find('.stsb_pro_gallery_item').removeClass('zoomed').css('transform-origin', 'center center'); }); }); -- CSS -- /* Zoom-in hover mouse en página producto (imagen principal) */ .elementor-element.elementor-element-b4f02c6 .stsb_grid_item { overflow: hidden; position: relative; } .elementor-element.elementor-element-b4f02c6 .stsb_pro_gallery_item { transition: transform 0.3s ease; } .elementor-element.elementor-element-b4f02c6 .stsb_pro_gallery_item.zoomed { transform-origin: center center; transform: scale(1.4); }