Jump to content

How to prefend cropping images inside a store (squarespace 7.1)

Recommended Posts

Site URL: https://hellome-bear-squarespacecom.squarespace.com/store

 

Hi,

I've been working on a new site in version 7.1.

I have a store page with a grid view of a few product items.

The dimensions of my product image are 1800 px (width) x 1472px (height) (see image 4 below)

The products displayed in the grid are cropped vertically!

The top and bottom of the imac are not displayed; the foot and the top of the imac are cut off (see image 1 below)

On the product item page the product image is displayed full (see image 2 below) (stacked design)

The image has an aspect ratio of 3:2. (site styles > product items)

How can I prevent the product image on the store page from being cropped incorrectly?

I'd appreciate your support so much! Thanks in advance!

Trial site URL: https://hellome-bear-squarespacecom.squarespace.com/store

PW is 64658.

Schermafbeelding 2021-09-27 om 19.26.04.png

Schermafbeelding 2021-09-27 om 19.26.21.png

Schermafbeelding 2021-09-27 om 19.38.00.png

store_image_2500.png

Link to comment
  • Replies 3
  • Views 560
  • Created
  • Last Reply

Top Posters In This Topic

20 hours ago, Barbara said:

Site URL: https://hellome-bear-squarespacecom.squarespace.com/store

 

Hi,

I've been working on a new site in version 7.1.

I have a store page with a grid view of a few product items.

The dimensions of my product image are 1800 px (width) x 1472px (height) (see image 4 below)

The products displayed in the grid are cropped vertically!

The top and bottom of the imac are not displayed; the foot and the top of the imac are cut off (see image 1 below)

On the product item page the product image is displayed full (see image 2 below) (stacked design)

The image has an aspect ratio of 3:2. (site styles > product items)

How can I prevent the product image on the store page from being cropped incorrectly?

I'd appreciate your support so much! Thanks in advance!

Trial site URL: https://hellome-bear-squarespacecom.squarespace.com/store

PW is 64658.

Schermafbeelding 2021-09-27 om 19.26.04.png

Schermafbeelding 2021-09-27 om 19.26.21.png

Schermafbeelding 2021-09-27 om 19.38.00.png

store_image_2500.png

Here is the page i access through above link

image.thumb.png.63b947ab38eda49d89a05ea4f1c05b6f.png

I found that it is different from the page you described above. Could show me the exactly link?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

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

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.