Woocommerce product image issue - by geistafora220

This topic has 6 replies, 2 voices, and was last updated 6 years, 3 months ago ago by Rose Tyler

  • Avatar: geistafora220
    geistafora220
    Participant
    August 25, 2018 at 22:44

    Hi,
    I have a small issue with product image sizes in the product catalog.

    Images are set to 250px width and crop format 3:4 which is basically working.
    But when adding some description text, the size of the product image is increasing to 322px, making the image blurry and the layout unsteady.
    https://koval.quantenfrosch.at/shop/

    How can I set the image size to a constant 250px width (with or without description) and make the list view consistent?

    Thanks in advance,
    Robert

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 27, 2018 at 13:55

    Hello,

    Thanks for the topic.
    You use old theme version. I would recommend you to update theme https://www.8theme.com/documentation/xstore/theme-installation/theme-update/ and all required plugins https://www.8theme.com/documentation/xstore/plugins/plugins-update/ to latest versions.
    Let me know the result.

    Regards

    Avatar: geistafora220
    geistafora220
    Participant
    August 27, 2018 at 20:58

    Hi Rose,
    made all updates but no change so far. Product images are still inflated when a description is set.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 28, 2018 at 06:57

    Hello,

    Please try to add this code in Theme Options > Styling > Custom css > Custom css for desktop:

    .products-list .content-product .product-details {
        width: auto;
    }

    Regards

    Avatar: geistafora220
    geistafora220
    Participant
    August 28, 2018 at 22:07

    Works, thank you 🙂

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 29, 2018 at 07:12

    You’re welcome!

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.