Jump to content

Store Product Image Formatting

Recommended Posts

I have both landscape and portrait images I want to display on my store homepage. Mostly landscape so the images are in 3:2 landscape aspect ratio. The portrait images are "zoomed in" to fit the 3:2 landscape aspect ratio, so you can't see the full image which I don't like. I found some CSS online that fixed this, I'll leave it below for reference. But each product has 3 images, and when you hover over the image to see the 2nd and 3rd images I have the same issue as before with the image being "zoomed in" to fit the aspect ratio. Does anyone have any CSS I can add to or replace the current CSS I'm using that will make all portrait pictures be seen in full on my store homepage. I've also attached an example of a portrait image from my store, with the first image shown in full as I'd like and the second one with the "zoomed in" issue. Any help would be really appreciated!! :)

Screenshot 2023-11-29 at 12.56.25.png

Screenshot 2023-11-29 at 13.05.42.png

Screenshot 2023-11-29 at 13.05.36.png

Link to comment
  • Replies 1
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.