Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

Product image sizes/aspect ratio v7.1


PhilipStewart

Question

Site URL: http://philipstewart.squarespace.com

Hi, I would like to display my images in their original sizes/aspect ratio.

At the moment, I can only select one aspect ratio for all the shop's thumbnail images, which at the moment is "1:1 square". Is it possible to have these set to auto so that if it's a vertical/horizontal/square image, the thumbnail will display as that aspect ratio.

I would also like when selecting an image/product from the shop to have the image in it's original size. Again, there is just one standard to set for all products where my products/images can be all different aspect ratio's and I would just like them to display at the size I have saved them as which is 1200px on the longest edge.

Many thanks for any help. It is much appreciated!

Link to post
  • Answers 9
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Site URL: http://philipstewart.squarespace.com Hi, I would like to display my images in their original sizes/aspect ratio. At the moment, I can only select one aspect ratio for all the shop's t

Add to Design > Custom CSS /* product detail img */ .ProductItem-gallery-slides-item.selected.going-next.loaded img { object-fit: contain !important; }  

Posted Images

9 answers to this question

Recommended Posts

  • 0

@PhilipStewart Did you ever figure this out? It would be a nice feature to have. I'm looking for the same functionality for an artist who is selling prints. It looks like you've just kept the 1:1 aspect for now.

One thought I just had is to sort the prints into categories like "horizontal" and "vertical" or "landscape" and "portrait" orientation. Then, you could add two summary blocks, one showing the horizontal category with an appropriate aspect ratio, followed by the vertical category with its ratio. This should work well if all of your horizontal images are more or less the same ratio, and same with vertical. Let me know if you think of another solution!

Link to post
  • 0
On 12/10/2020 at 1:10 AM, lainer said:

@PhilipStewart Did you ever figure this out? It would be a nice feature to have. I'm looking for the same functionality for an artist who is selling prints. It looks like you've just kept the 1:1 aspect for now.

One thought I just had is to sort the prints into categories like "horizontal" and "vertical" or "landscape" and "portrait" orientation. Then, you could add two summary blocks, one showing the horizontal category with an appropriate aspect ratio, followed by the vertical category with its ratio. This should work well if all of your horizontal images are more or less the same ratio, and same with vertical. Let me know if you think of another solution!

If you share link to product page, we can take a look

Link to post
  • 0

Did you figure this out? I have the same issue.  I can see that on the print page, you're using 1x1 images, which I could also do.  But on the individual product pages you're managing to get the images to show actual proportions.   I seem to only be able to set one style for all the product pages, and so can't seem to show landscape images on some pages and portrait on others - they all have to be the same aspect ratio.  Any ideas?

Link to post
  • 0
On 12/11/2020 at 10:38 PM, tuanphan said:

If you share link to product page, we can take a look

Hey

 

Here is the link to the products page - https://philipstewart.net/prints

 

I have been getting some help with trying to get this how I want it to look but still haven't managed to get it quite right.

 

I'm happy with the thumbnails being square but when going into a product, it doesn't seem to keep the original sizes for the image. The portrait images such as this - https://philipstewart.net/prints/p/corstorphinehilltower1  are being stretched much larger than the original 1200px size. Do you know why it is doing this and how to stop it from making the image larger?

Thank you!

Link to post
  • 0
On 3/5/2021 at 6:33 PM, Siana said:

Same issue here. 

I'm okay with squared thumbnail, but when going into product I need them to be original size.

That's my url - https://www.chilla.one/shop/p/god-complex 

 

Thank you!

Add to Design > Custom CSS

/* product detail img */
.ProductItem-gallery-slides-item.selected.going-next.loaded img {
    object-fit: contain !important;
}

 

Link to post
  • 0
On 3/7/2021 at 8:55 AM, tuanphan said:

Add to Design > Custom CSS


/* product detail img */
.ProductItem-gallery-slides-item.selected.going-next.loaded img {
    object-fit: contain !important;
}

 

Thank you so much! That worked 🙂 

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...