Image blurred inside zoom box

  • Hello!

    I’m experiencing a problem of blurred images inside the zoom box.

    I have the following settings:

    In Appearance > Customize > Product images:
    Miniature crop: no crop

    In Yith Zoom Magnifier settings:
    Image size: 1500px x 1500px
    No crop

    In functions.php file I put the following code:

    `add_filter( ‘woocommerce_get_image_size_gallery_thumbnail’, ‘ci_theme_override_woocommerce_image_size_gallery_thumbnail’ );
    function ci_theme_override_woocommerce_image_size_gallery_thumbnail( $size ) {
    // Gallery thumbnails: proportional, max width 200px
    return array(
    ‘width’ => ”,
    ‘height’ => 200,
    ‘crop’ => 0,
    );
    }

    add_filter( ‘woocommerce_get_image_size_thumbnail’, ‘ci_theme_override_woocommerce_image_size_thumbnail’ );
    function ci_theme_override_woocommerce_image_size_thumbnail( $size ) {
    // Catalog images: specific size
    return array(
    ‘width’ => 600,
    ‘height’ => 600,
    ‘crop’ => 1,
    );
    }

    add_filter( ‘woocommerce_get_image_size_single’, ‘ci_theme_override_woocommerce_image_size_single’ );
    function ci_theme_override_woocommerce_image_size_single( $size ) {
    // Single product image: square
    return array(
    ‘width’ => ”,
    ‘height’ => 1200,
    ‘crop’ => 0,
    );
    }

    If I analyze the page, I see:
    tag <a> with for example href=”…product-title-600×440.jpg”
    and inside the tag a, there is tag <img> with for example 1800 width, 1200 height,
    So it seems that the zoom is done on 600×400 version of the image…

    How can I solve?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Christian Rodríguez

    (@christianrh)

    Hello there,

    hope you are doing well ??

    I would like to have a look at the image in your site.
    Please check the link you sent because when I open it I get to https://shorturl.at instead of your site.

    Let us know any news, please.

    Have a nice day!

    Thread Starter Simo2606

    (@simo2606)

    Hello!

    Thank you for your reply! This is the link: https://chixbags.it

    Thank you! ??

    Hello there,
    I hope you are well.

    The reason why the image is blurred may be due to the resolution established in the options, your images have 1500×1000 resolution and you are expanding it to 1500×1500, try putting a lower one, for example 1000×1000 or leave the one that is by default.

    let me know any news.

    Have a nice day!

    Thread Starter Simo2606

    (@simo2606)

    Hello!

    I tried to put a lower parameter or leave the default, but nothing changes…
    The resolution of my images is high, not lower than the value I indicated.

    If I analyze the page, I see inside the class .yith_magnifier_zoom_wrap the
    tag a, with for example href=”…product-title-600×440.jpg”
    and inside the tag a, there is tag with for example 1800 width, 1200 height,

    So it seems that the zoom is done on 600×400 version of the image…

    See for example: https://www.chixbags.it/it/prodotto/trappona-militare/

    I really can’t find a solution.

    Could you help me please?

    Thank you

    • This reply was modified 3 years, 2 months ago by Simo2606.
    • This reply was modified 3 years, 2 months ago by Simo2606.
    • This reply was modified 3 years, 2 months ago by Simo2606.
    • This reply was modified 3 years, 2 months ago by Simo2606.
    Plugin Support Fran Mendoza

    (@franmglez92)

    Hello there,

    We have been checking your product page and seems that something is not working properly, as the image is not taking the full zoom box. Could you check if updating to the latest version of the plugin (2.0.3) the problem is solved, please?

    If the problem persists, could you try with a default WordPress theme, like the Twenty Sixteen? Maybe there is a conflict with any template from your theme.

    Let us know any news, please.

    Have a nice day!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Image blurred inside zoom box’ is closed to new replies.