Easy Store - Product Image Size And Shape
Jamie Gilbert
Hi
I cannot find how to change the sizes / shape of the product images templates such as Allura are portrait and then say Orbit is square, we would like to change it to a landscape image sizing on the Allura which is currently portrait.
Thanks in advance.
Jamie Gilbert
Accepted AnswerFor anyone struggling with this, you need to change the padding-bottom percentage, 100% = square, 125% = Portait, and 75% would be landscape.
This can be done via the custom.css
.easystore-product-image { padding-bottom: 100%; }
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me that page link and also a screenshot of your issue?
-Regards.
Jamie Gilbert
Accepted Answerhttps://www.joomshaper.com/joomla-templates/allura - has portrait images
https://www.joomshaper.com/joomla-templates/orbit - has square images
Can't find a setting in pagebuilder or easystore that changes this.
Thanks
Jamie Gilbert
Accepted AnswerNo the product images that it displays to for the Orbit one, the Sony 2x Teleconverter Lens, Real SDS-XC14 Mini Bluetooth Speaker Extra Bass Portable - it's not based on the format/size/shape of the images you upload to easystore.
Mehtaz Afsana Borsha
Accepted AnswerYou can use custom CSS to resize the image. This blog may help you.
https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action