Image Size ALL DIFFERENT

  • Resolved futureyoung

    (@futureyoung)


    2 years, 10 months ago

    Hello

    I’m having troubles with image’s size in the product category pages.

    The products come from a external system management and they have different image sizes. So, they appears like this screenshot –> https://ibb.co/vk4C2zX

    I tried to add this code: 

       .single-product .owl-carousel .img-thumbnail img {
width: inherit !important;
}

.owl-carousel .owl-stage-outer {
height: inherit !important;
}

    And I also tried to setup 200px in Customize>WooCommerce>Category Image

    It didn’t work.

    Do you know how can i setup a standard setting for all images, please?

    Thank you

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support Cara

    (@dcka)

    2 years, 10 months ago

    Hi, @futureyoung!

    I just checked your site. In particular, I looked at this page where I saw the issue you described:
    https://archimede.sintecnos.com/categoria-prodotto/sterilizzazione/

    I fiddled around with possible CSS solutions, and I don’t think CSS by itself will work because you’ll still want the height to be dynamic, that is, for it to adjust based on the screen the user’s using to view your site.

    In this case, you may need a solution similar to the jQuery code described here:
    https://stackoverflow.com/questions/5445491/height-equal-to-dynamic-width-css-fluid-layout

    Thread Starter futureyoung

    (@futureyoung)

    2 years, 10 months ago

    Thank you very much, really kind.

    So if I understand, I should add this code

    var cw = $('.child').width();
$('.child').css({'height':cw+'px'});

    to the function.php and that’s all?

    Thankyou

    Plugin Support AW a11n

    (@slash1andy)

    Automattic Happiness Engineer

    2 years, 10 months ago

    Hey again!

    That’s not PHP code to put in your functions file. That is some jQuery that would need to be added in a different way.

    You can read more on adding jQuery here: https://wpmudev.com/blog/adding-jquery-scripts-wordpress/

    In the link Cara sent above there are some examples of CSS solutions as well that you can look at using.

    Thread Starter futureyoung

    (@futureyoung)

    2 years, 10 months ago

    Sorry…

    I’m really new into this “coding”…

    If i don’t ask too much can you please make me a little step by step on what to do?

    I saw the links and tried to add codes but nothing changes…

    Plugin Support Cara

    (@dcka)

    2 years, 10 months ago

    Hi, @futureyoung!

    No need to apologize at all! Let’s see if we can fix your images another way. I was just answering another poster, and I found another option that might work for you.

    You previously mentioned the following:

    And I also tried to setup 200px in Customize>WooCommerce>Category Image

    This will be similar. Please head to WP Admin > Appearance > Customize, then click on WooCommerce > Product Images. Do you have a 1:1 option there for Thumbnail cropping? If yes, can you please try that?

    Thread Starter futureyoung

    (@futureyoung)

    2 years, 10 months ago

    Thanks very much. It’s already 1:1 and it works for 90% of the image. I don’t understand why there’s another 10% that it doesn’t work 🙁

    Plugin Support abwaita a11n

    (@abwaita)

    2 years, 10 months ago

    Hi @futureyoung,

    Great to hear that it works in most instances. For further checks, could you share with us some of the URLs of products it doesn’t seem to work on?

    Thanks.

    Plugin Support AW a11n

    (@slash1andy)

    Automattic Happiness Engineer

    2 years, 9 months ago

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Image Size ALL DIFFERENT’ is closed to new replies.