BstarPhotography Posted June 13 Share Posted June 13 (edited) Hi all! I am selling prints on my website. I have a mix of landscape and portrait prints for sale. I have added my products to my inventory and created a Store page. I have noticed that I can only select either landscape or portrait, but not both for displaying my product. I need a way of displaying the correct orientation automatically on my store's home page. I found a stylesheet on another squarespace forum that helps fix this issue for the product page itself, but it doesnt work for the store page This is the stylesheet I have for my Product items <style> .ProductItem-gallery-slides-item-image { object-fit : contain !important; object-position : 50% 0 !important; } </style> This fixes the orientation when I click on the product on the Store page. so that its displayed automatically. For example. the first image is portrait and the second, landscape but they both appear as landscape: When I hover over the first image: Im sure its as simple as finding the correct parameter name such as: .ProductItem-gallery-slides-item-image in the code above I hope this helps! Edited June 13 by BstarPhotography typos Link to comment
Beyondspace Posted June 13 Share Posted June 13 7 hours ago, BstarPhotography said: Hi all! I am selling prints on my website. I have a mix of landscape and portrait prints for sale. I have added my products to my inventory and created a Store page. I have noticed that I can only select either landscape or portrait, but not both for displaying my product. I need a way of displaying the correct orientation automatically on my store's home page. I found a stylesheet on another squarespace forum that helps fix this issue for the product page itself, but it doesnt work for the store page This is the stylesheet I have for my Product items <style> .ProductItem-gallery-slides-item-image { object-fit : contain !important; object-position : 50% 0 !important; } </style> This fixes the orientation when I click on the product on the Store page. so that its displayed automatically. For example. the first image is portrait and the second, landscape but they both appear as landscape: When I hover over the first image: Im sure its as simple as finding the correct parameter name such as: .ProductItem-gallery-slides-item-image in the code above I hope this helps! Can you share your URL so I can check it? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! 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