• Resolved kristinubute

    (@kristinubute)


    Hi

    I have updated to the latest version of Woocommerce for a client and already have 5.1.1 WordPress latest version also.

    Straight after my Woocommerce upgrade to 3.6.2 all my images on Product Category ONLY (which are a square shape) have gone strange and trying to be the SAME size as the images on the Product pages.

    I have firstly just tested on my TEST site and NOT the live site. WHen I downgraded back down the older Woocommerce version it all went back to normal so I know it is ONLY to do with the latest version of Woocommerce.

    I have images set to :

    ul.products li.product img {

    display: block;
    max-width: 210px;
    }

    which works perfectly on older version of Woocommerce where the Product Category images with Titles are Square and all Product Images are Portrait images so using the Max-width 210px caused no issues at all.

    But ONLY when I upgrade to WOocommerce 3.6.2 is when it causes the images on the Product Category Images ONLY to cut it off on the edges etc. I tried playing around with coding but nothing worked.

    I’m completely stuck as I need to get this sorted.

    Any help would be greatly appreciated.

    Thanks
    Kristin

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Hannah S.L.

    (@fernashes)

    Automattic Happiness Engineer

    Hey there,

    There were indeed changes which can affect certain themes and customizations around product images. On the test site with WooCommerce 3.6.2, what happens when you temporarily switch the theme to Twenty Nineteen?

    Thread Starter kristinubute

    (@kristinubute)

    Hi,

    On the testing site, I changed it to theme Twenty Nineteen and images/text on image are still cut off on left and right side (same as in my previous theme) but everything is smaller but same proportions for the images.

    Still issues so definately the Woocommerce upgrade causing it no matter what theme I use.

    Any suggestions for me on how to fix it ?

    Thanks
    Kristin

    Plugin Support Hannah S.L.

    (@fernashes)

    Automattic Happiness Engineer

    Hey there Kristin,

    Thanks for confirming that the images are still having the same trouble when you switch to Twenty Nineteen.

    Given that I’m not seeing the same behavior on my own site, and also haven’t seen this on other sites, I suspect that there’s some code from another plugin causing trouble.

    This kind of problem is usually caused by either a conflict with your theme or with another plugin.
    ?
    The best way to determine this is to:
    ?

    • Temporarily switch your theme to Storefront or Twenty Nineteen
    • Disable all plugins except for WooCommerce
    • Repeat the action that is causing the problem

    If you’re not seeing the same problem after completing the conflict test, then you know the problem was with the plugins and/or theme you deactivated. To figure out which plugin is causing the problem, reactivate your other plugins one by one, testing after each, until you find the one causing conflict. You can find a more detailed explanation on how to do a conflict test here.

    Thread Starter kristinubute

    (@kristinubute)

    Hi Hannah

    My base theme is Storefront Child ..
    So nothing changes if I change to STorefront or Twenty Nineteen

    Then I deactivated all plugins except for Woocomerce and still doing the same thing.

    Just to re-iterate, my main product images dimensions in Woocommerce are set to Custom RATIO 2:3 so the images all display fine here.

    And the Product Categories pictures are actually 200×200 (square), and have always been these dimensions and we have never had any issues with these being these dimensions and the product images in WOocommerce being RATIO 2:3

    Therefore somewhere in coding in Woocommerce there are changes in the Product Category view that makes it display (cut off) images when the picture is square and NOT portrait by the looks of it.

    I assume I just have to do some CSS coding to fix it. I have tried a few different css coding but it hasn’t fixed it.

    IF I can figure out the right CSS I should be fine and that can be my workaround.

    Regards
    Kristin

    Thread Starter kristinubute

    (@kristinubute)

    HI Hannah (@fernashes)

    Any further thoughts on my issue ?
    I’m still stuck.

    Appreciate your help.

    I would guess if you are testing on another site, that they don’t have a different size image on the Category page and different on the Product Image pages ? Could you confirm ?

    If you have the same size image on the Category page Image and the Product Image pages you wouldn’t notice the difference at all.

    Maybe that’s why you are not seeing the issue, and I am.

    As mentioned I deactivated all plugins and still same issue when upgrading to latest Woocommerce version.

    Thanks
    Kristin

    jessepearson

    (@jessepearson)

    Automattic Happiness Engineer

    @kristinubute Were you able to find a resolution to this? If not, can you link us to the pages in question for a better understanding?

    Hi @kristinubute,

    We have not heard back from you in a while, so I am going to go ahead and close this thread. If you are still experiencing issues please open a new thread and let us know.

    Cheers!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Woocommerce latest version upgrade to 3.6.2 issue’ is closed to new replies.