• 

  vyabsley

  Participant

  June 1, 2020 at 10:05

  Is there some CSS tweaking or a plugin that works with XStore that I can use to give me uncropped square thumbnails in the category/search/etc. views for product images? i.e. so that the images are shrunk with white space filling in the gaps to make them square.

  Unfortunately I have too many images to manually adjust, and the default Woocommerce cropping can cut off some important details of the images.

  Thanks for any help! 🙂

  #239477 Copied Theme version: 6.3.4 WooCommerce version: 5.4.1
  6 Answers
  

  Olga Barlow

  Participant

  June 1, 2020 at 11:47

  Hello,

  Disable the crop for the images from Theme Options > WooCommerce > Product images and after that provide us with link to your shop page. We’ll check and give you custom code to help you with your issue.

  Regards

  #239491 Copied
  

  vyabsley

  Participant

  June 1, 2020 at 11:53

  Thanks very much! Image cropping is disabled and the link is here:

  Please contact administrator
  for this information.

  #239492 Copied
  

  Olga Barlow

  Participant

  June 1, 2020 at 12:15

  Hello,

  Add the below custom to Theme Options > Custom CSS

  .content-product .product-content-image {
      min-height: 250px;
      display: flex;
      align-items: center;
  }

  Regards

  #239496 Copied
  

  vyabsley

  Participant

  June 1, 2020 at 15:30

  Thanks for the quick response! Unfortunately it doesn’t seem to have worked, the thumbnails are still different heights: https://prnt.sc/srqqtc

  #239519 Copied
  

  Olga Barlow

  Participant

  June 1, 2020 at 16:15

  Hello,

  Add also this code in addition to the existing

  .content-product .product-content-image img {
      max-height: 250px;
      width: auto;
  }

  Regards

  #239529 Copied
  

  vyabsley

  Participant

  June 2, 2020 at 13:54

  That’s fantastic, thank you so much!

  #239593 Copied
• Viewing 7 results - 1 through 7 (of 7 total)