Store appearance: collapse categories, product images contain instead of cover

Comments

• Pablo

  September 2020

  Hello,

  1) This sidebar widget is made that way, it does not have any sliding (child elements) effect applied, so it won't be possible to create in easy way.

  You would have to create JS/jQuery script to achieve that.

  
  

  2) Which images do you have in mind? Can you show me an screenshot?

  thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 360Direct

  September 2020 edited September 2020

  Thanks for your reply Pablo. Please see screenshot below. The products shown on the store page are cut off at the bottom. It's not so obvious on the first product in the screenshot, but if you look at the 3rd product, the 12" box, you can see there's another row of color swatches in the product image that's almost completely cut off.

  
  
• Bryan

  September 2020

  Hey,

  please use the wordpress customizer tool to edit the website. Then go to the woocommerce tab > product images and select the "no crop" option. All of the images will be not cropped. But remember they will not be the same size.

  thanks
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 360Direct

  September 2020

  Hi Bryan,

  
  

  Thanks for the reply. That option is already set that way:

  
  
  
• Pablo

  September 2020

  Please use this CSS code into Theme Options > Custom CSS & JS > CSS

  html body .image_frame:not(.no_link) .image_wrapper img:not(.ls-l){margin-bottom:unset !important;}

  thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 360Direct

  October 2020

  Hi Pablo,

  
  

  Thank you very much - adding that CSS fixed the issue I was having with the images getting cut off in the store page. Feel free to mark as complete.

  
  

  Ryan