Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 10, 2017 at 1:55 am #790747
    mmentuccia

    I keep getting blurry product images on the single product image. The other woocommerce images are fine, just just having problems with this one. I’ve tried resizing the images through woocommerce’s setting (and regenerated thumbnails) as well as tried a variety of high and lower res images. Please see image below for an example (the blurry image is originally 1432×774). I’m out of ideas, please help.

    Best regards,
    Marc

    May 10, 2017 at 3:43 am #790778
    Nikko

    Hey mmentuccia,

    Try adding this code at the bottom of functions.php:

    global $woocommerce;

if( version_compare( $woocommerce->version, '3.0.0', ">=" ) ) {

	add_theme_support( 'wc-product-gallery-zoom' );
	add_theme_support( 'wc-product-gallery-lightbox' );

	function avia_woocommerce_gallery_thumbnail_description($img, $attachment_id, $post_id, $image_class ) {
	    return $img;
	}
	function avia_woocommerce_post_thumbnail_description($img, $post_id){
	    return $img;
	}

}

    Let us know if this helps :)

    Best regards,
    Nikko

    May 10, 2017 at 1:52 pm #791071
    mmentuccia

    That seems to have helped the image quality, but now there’s a zoom in effect when you put your mouse cursor over it (and a magnifying glass bar at the top of the image. How can I remove the zoom in effect and magnifying bar? Please see link provided.

    Thank you,
    Marc

    May 10, 2017 at 2:26 pm #791101
    Yigit

    Hi,Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .single-product .woocommerce-product-gallery__image > a + img {
    display: none!important;
}

    Best regards,
    Yigit

    May 10, 2017 at 3:24 pm #791149
    mmentuccia

    It doesn’t zoom in when you scroll over now but the microscope bar is still there and the image can be clicked to be made larger (I do not want the images to be enlarged at all).

    Best regards,
    Marc

    May 10, 2017 at 4:22 pm #791183
    Nikko

    Hi Marc,

    Try to remove this line of code from the code I gave earlier:

    add_theme_support( 'wc-product-gallery-zoom' );

    Hope this helps :)

    Best regards,
    Nikko

    May 10, 2017 at 5:09 pm #791218
    mmentuccia

    Hello Nikko,

    I removed

    add_theme_support( ‘wc-product-gallery-zoom’ );
    add_theme_support( ‘wc-product-gallery-lightbox’ );

    and that appears to have helped. Although the quality isn’t as good as it could be. For example, if I right click and press “inspect” on the image, the image quality automatically improves. Does this have something to do with the width of the image screen display? If so, how can this be improved?

    Best regards,
    Marc

    May 10, 2017 at 6:25 pm #791259
    Nikko

    Hi,

    Can you try to go to Woocommerce > Settings > Products (tab) > Display (tab) > Product Images, and set Single Product Image to 450×999 and uncheck hard crop. Then try to re-upload the image. Hope this helps :)

    Best regards,
    Nikko

    May 10, 2017 at 8:51 pm #791334
    mmentuccia

    I think that did the trick, thanks so much Nikko! You can consider this issue closed.

    Best regards,
    Marc

    • This reply was modified 7 years, 6 months ago by mmentuccia.
    May 11, 2017 at 3:06 am #791418
    Nikko

    Hi,

    Glad we could help! Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Blurry woocommerce single product images’ is closed to new replies.