Home Forums Basel support forum Products thumbnails on Woocommerce

Products thumbnails on Woocommerce

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #87556

    abiesiaga
    Participant

    Hi

    How can i set up all thumbnails on woocommerce to be the same? I got few products that got different thumbnail size

    thanks in advance for help

    Attachments:
    You must be logged in to view attached files.
    #87564

    Hello,

    Thank you very much for choosing our theme and for contacting us.

    First of all, navigate to the Theme settings > Shop and disable “Masonry grid” if it does not help, navigate to Appearance > Customize > Woocommerce > Product image and set the size and cropping for the images.

    Best Regards

    #88082

    abiesiaga
    Participant

    Thanks for answer but I’ve already got masonry grid disabled, and croping set 1st option 1:1

    #88106

    Hello,

    Please provide your site admin access for checking.

    Best Regards

    #88119

    abiesiaga
    Participant

    In private content 😉

    #88157

    Hello,

    I cannot login http://prntscr.com/lg1195

    Best Regards

    #88170

    abiesiaga
    Participant

    Sory forgot about this one

    #88272

    Hello,

    You have set the min-width 300 px in the settings http://prntscr.com/lg6qnh

    All the images are cropped well excepting this one https://gyazo.com/1a5f005d37902d554ce711dc8ed4c592

    This image is 77 x 177 px http://prntscr.com/lg6pn7

    You need to upload bigger images at least 300 px in width to solve the problem as this small image is spread to 100% of width in the result we have this heigh proportionally.

    Best Regards

    #88316

    abiesiaga
    Participant

    Unfortunatly thats not the fix, because i supose i’ll have more pics with less than 300px width, isnt there any other way to fix it?

    #88333

    Hello,

    Please add this custom CSS to the Theme Settings > Custom CSS:

     .product-grid-item .product-element-top a img{
        width:auto;
        height:auto;
    }

    This is the only way out and as you see the images is still higher than others in order to make it of the same height you need to set fixed width of the image – 77px

    If you want to make all the images equal, you need to set the width of the smallest image.

    Best Regards

Viewing 10 posts - 1 through 10 (of 10 total)