vinniemac Posted March 2, 2023 Share Posted March 2, 2023 I'm on the trial period, trying to set up a photography website. One of the services I want to offer is print sales, but I can't find a way to get the images to display properly in the store. The design template only allows for one aspect ratio which crops all images that don't match that aspect ratio. Online chat support suggested setting up a page with product blocks, but while they display ok there, once a customer clicks into the product, the detail page shows a cropped image. The page with blocks also looks very untidy. As Squarespace is pushed so heavily on photography YouTube channels, I'm guessing I'm not the first to encounter this. Can anyone help? Link to comment
Ziggy Posted March 2, 2023 Share Posted March 2, 2023 No, you're not the first, try adding this custom CSS: .ProductItem-gallery-slides-item-image { object-fit:contain !important; } Hope that helps! vinniemac 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
vinniemac Posted March 2, 2023 Author Share Posted March 2, 2023 (edited) That's great Ziggy! Thanks for your help. It works perfectly if I use a page with product blocks. Is there any code that would get images in the store to display without cropping also? Edited March 2, 2023 by vinniemac error Link to comment
Solution Ziggy Posted March 2, 2023 Solution Share Posted March 2, 2023 I'm not sure TBH, does this guide help? https://sf.digital/squarespace-solutions/how-to-show-product-images-in-their-original-aspect-ratio-on-squarespace-71#:~:text=Squarespace uses something called 'intrinsic,(height%3A 0) container. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
vinniemac Posted March 2, 2023 Author Share Posted March 2, 2023 That seems to be exactly what I'm looking for, but not working for me! I'll delete the products that I have up and try a fresh start, Thanks again 🙂 Ziggy 1 Link to comment
vinniemac Posted March 3, 2023 Author Share Posted March 3, 2023 Got that working Ziggy - many thanks 😀 Ziggy 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment