Home › Forums › WoodMart support forum › Product image quality varying through browsers

Product image quality varying through browsers

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 5, 2018 at 5:30 pm #94141

    jcmachado
    Participant

    Hi!

    I just noticed that, for certain products, when they are displayed wether in carousel or in regular product categories search, the image quality seems to differ when I switch the browser.

    While the image is good in Safari, for example, when the same page are opened in Chrome the images are displayed borrowed,as in lower resolution. You can see this opening https://www.hauseafins.com.br/categoria/sala/sala-sofas/ in these two browsers. Screenshots are provided, too.

    When I open the product page, the images are pretty good in Safari and Chrome.

    What can I do to prevent this? It’s the size of the image? It’s a JS thing?

    December 5, 2018 at 5:41 pm #94147

    jcmachado
    Participant

    Screenshots reattached.

    Attachments:
    You must be logged in to view attached files.
    December 5, 2018 at 6:34 pm #94161

    Artem Temos
    Keymaster

    Hello,

    Could you please check how it works with some default WordPress theme like twentysixteen to understand is it our theme issue or not?

    Regards

    December 5, 2018 at 6:44 pm #94170

    jcmachado
    Participant

    I’ve tested with Storefront without any issues.

    It seems to be the way Woodmart renders the products to show in grid. I already disabled the “Disable – Enable hover image for products on the shop page.” setting but the same thing happen.

    December 5, 2018 at 6:48 pm #94176

    Artem Temos
    Keymaster

    But our theme doesn’t influence products images at all. They are displayed by standard WooCommerce functions and can’t depend on the theme. Could you please send comparison images from Storefront?

    December 11, 2018 at 3:53 pm #95486

    jcmachado
    Participant

    Hi, sorry for the long delay in replying…

    I think I’ve found the situation. When the products are displayed in a carousel, inside the PICTURE element, above the IMG element comes two SOURCE elements, as seen in the screenshot. When I inspect the document, and remove this SOURCE element, the blur in the image disappears. I recorded a screen capture of what happens. Link below.

    This happens in theme level or is the plugin used to generate the carousel? Can I disable it?

    December 11, 2018 at 6:45 pm #95506

    Artem Temos
    Keymaster

    Our theme doesn’t add these source tags. Could you please check how it works with other themes? If it happens only with WoodMart, please, disable all external plugins and send us your admin access.

    December 13, 2018 at 9:45 am #95795

    jcmachado
    Participant

    Thank you again. I identified that Shortpixel plugin was adding PICTURE and SOURCE elements in order to “optimize” images in some browsers. I disabled that feature and everything looks fine now!

    I’m very happy with the theme and, I have to say, you have a very efficient support!

    December 13, 2018 at 1:20 pm #95862

    Artem Temos
    Keymaster

    Great, we are glad that you sorted it out.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)