I am looking for a way to display product thumbnails in their respective image orientations (portrait, landscape). An example of such a shop can be seen at art.com > orientation shop example
My shop is of a similar experience, as I am selling artist prints. It is therefore necessary to showcase the imagery in its entirety as direct as possible on the front-end.
- For now the thumbnails show at 300x300 and do not fit the images' proportions.
Some images will be landspace, others portrait. The product images uploaded will be of a 3:2 proportion - The minimum dimension being 200px, the maximum being 300px (ie; landscape = 300x200 , portrait = 200x300).
I have looked at all other forums regarding a topic of this sort and have found that the thumbnail code within 'abundance/woocommerce-config/woocommerce-mod.css' is the most appropriate and I have found it most responsive to product image changes. All other files have not responded.
I am thinking it can be solved with some sort of responsive or conditional css code made with parameters to catch dimensions and suit the outcome accordingly. However, I have yet to come across anything satisfying, accurate, or functional.
Let me know if you need any other information or links.
Thank you in advance.