Issue with displaying the product image correctly and hotspot image

Dear @MAHDAR,

Thank you for reaching out.

1 & 2. Please note that the swap and hotspot content functions are designed to be triggered on hover, which is applicable to desktop versions only. As a result, these features may not function as expected on mobile devices.

To address this on mobile, you may apply the following hotfix. Kindly add the custom code below to the functions.php file located in your child theme:

add_action('wp_footer', 'n2t_wp_footer', 999);
function n2t_wp_footer(){
	?>
    <script>
        jQuery( function($){
            $( ".etheme-hotspot-item" ).on( "click", function ( event ) {
                event.preventDefault();
            });
        });
    </script>
	<?php
}

3. Currently, there is no built-in setting available for this. However, you can manually adjust the image size by editing the following file:

Path: app/public/wp-content/plugins/et-core-plugin/app/controllers/elementor/general/product-grid.php  
Line: 4379

Please change the image size from woocommerce_thumbnail to full, as shown in the screenshot below:
https://prnt.sc/zdTD6giBEBXH

We hope this information is helpful. Should you have any further questions, please do not hesitate to contact us.

Best regards,
The 8Theme Team