Jump to content

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

Recommended Posts

Posted

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

  • Replies 3
  • Views 670
  • Created
  • Last Reply
Posted
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 - PDF Lightbox popup - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> No-code customisations for Squarespace

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.