Thumbnail blurred – Product gallery

  • Most of my products have one image, but I tried to add two images to the product gallery of one product and that thumbnail is 322px (bigger and blurred) and in the customizer is fixed to 265px so the products thumbnail are 265px (single image). I also disabled all the plugins except elementor and oceanwp but it did not solve the problem and tried with two browsers.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello,

    If you are using any lazyload/optimization plugin, please try to disable it and check.

    And share the page URL where you facing the issue.

    Thread Starter fortiz76

    (@fortiz76)

    I fixed the problem but not all with a code:

    .woocommerce ul.products li.product .woo-entry-image-swap img {
    width: auto;
    }
    .woocommerce ul.products li.product .woo-entry-image-swap .woo-entry-image-secondary {
    left: 50%;
    transform: translateX(-50%);
    }

    Taken from:
    https://www.ads-software.com/support/topic/woocommerce-image-issue/

    But there is another problem, the URL is:
    https://www.satisfashion.com.co/categoria-producto/accesorios/pulseras/

    As you can see there are thin lines on the right side of the smiley face bracelet, because the color of the secondary image (dark) on the borders is different from the main image (white), both main and secondary images are 1000×1000 px, and I also disabled lazy loading.

    Hello,

    That seems coming from the image, please try to change the image and check. Tried but not seems CSS working with that.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Thumbnail blurred – Product gallery’ is closed to new replies.