I have a very important question about the photos for my mobile product page, i will include 3 photos below, first one is my store then come 2 examples, 2nd is good 3rd is the best example. My images on my product page a kind of square and dull, i know i can change this to portrait but the photos will still not look like the images of lets say the 3rd last store or the 2nd one, any information or code suggestions to achieve the same sort of result? example photos are from https://icon-amsterdam.nl/products/the-cable-short-sleeve-t-shirt-light-blue & https://mauro-milan.nl/products/the-luma-halfzip-sweater-wit
Hi @NinoB97
Please change your image option of your store to portrait and share the link so I can check
@Dan-From-Ryviu i changed it on the home page / collections and product page from menu but no actual option to change it when i click a specific product, so i changed it as far as i could & can. Link = https://auraliving.nl/products/flame-aroma-diffuser-deluxe-1
Your original image of your product is square, and if we make it display as portrait then it will be cropped.
If you still want it to display like that, please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings.
.product-media-container.media-fit-cover .media {
padding-top: 125% !important;
}
1 Like
That works good!, thanks for the advice & tip i will need to make lenght pictures ofcourse to get it perfect but atleast now i know the code to make it good in the end. thanks for ur quick and good response!
1 Like
You are very welcome!