richardpowellphoto Posted February 8 Share Posted February 8 I'm relatively new to square space and slowly building my site with a view to sell photography prints. I've got 2 images listed as purchasable prints so far, but I',m having an issue with the aspect ratios of the product images. One picture is in the landscape orientation, 3:2 aspect ratio, and the other should be in portrait orientation, 2:3 aspect ratio. However, whenever I change the aspect ratio of one product image, that change is made across both products. After talking to Square Space live chat, I was told the solution is to use a custom code. This is where I'm lost as I have no experience with custom code and don't know where to begin. Any insight would be appreciated. Link to comment
nick_sh Posted February 8 Share Posted February 8 Do you mean in the gallery or in product cards on the shop page? Please provide a link to the site. Try new Squrespace ID & class finder Chrome Extension ✔ Supports Fluid Engine ✔ Generate Media Queries code ✔ Toggle IDs with Option / Alt ____ Hire me for SquareSpace development Link to comment
richardpowellphoto Posted February 9 Author Share Posted February 9 Thanks for your reply. It's the product image on the shop page, called Prints on my site This is the page with the specific issue. I want this product image to be in the ratios 3:2 https://www.richardpowellphotography.co.uk/prints/p/ohio-pass Link to comment
Solution nick_sh Posted February 9 Solution Share Posted February 9 Add this to website → website tools → custom CSS: .ProductItem-gallery-slides-item img { object-fit: contain !important; } Try new Squrespace ID & class finder Chrome Extension ✔ Supports Fluid Engine ✔ Generate Media Queries code ✔ Toggle IDs with Option / Alt ____ Hire me for SquareSpace development Link to comment
richardpowellphoto Posted February 12 Author Share Posted February 12 That's great, thank you. I'll add it and see how I get on 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