Support » Plugin: Genesis Layout Extras - Default Layouts in Genesis for WordPress » SAC layout causes blurry images in Woocommerce catalog page

  • Resolved raorsel

    (@raorsel)



    Goodmorning,

    I installed the Genesis Layout Extras plugin to use the sidebaralt-content layout on my Woocommerce shop (catalog) page. However, this layout makes my images on that page blurry. I have the latest version of WP and genesis and have spent more than a day trying every solution I could find online but no result. If I switch to one of the six regular genesis layouts, the images become sharp immediately. Also, if I upload a new product the catalog image is initially sharp, but becomes blurry as soon as I have visited the single product page.

    Does anyone know a solution to this problem? I would be so grateful!

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hello,

    Further to my above message, I found out the issue is apparently browser related. In Firefox, my woocommerce-catalog-images look actually sharp when using the sidebaralt-content layout. Unfortunately, in chrome they look blurry and in IE they look pixelated. When I scale my screen to 110% in Chrome, all of a sudden they look sharp. Anyway, I guess I will continue searching for a solution. If anyone has a fix for this, it would be very much appreciated.

    Thank you.

    The issue is (hopefully permanently) solved by adding the following to child theme css and then regenerate thumbnails:

    img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘SAC layout causes blurry images in Woocommerce catalog page’ is closed to new replies.