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
  • 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?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
On 10/1/2021 at 12:59 AM, Barbara said:

 

Hi BaNgan,

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

this is the url of the page I mentioned.

 

It looks like you added some CSS to solve?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.