I am trying to setup a photo print store. To deal with varying aspect ratios of different images, I would like to change the number of products displayed per row in the squarespace store. For example:
First row is 2 landscape images at 3:2 ratio side by side.
Second row is 3 portrait images at 2:3 ration side by side.
Third row is 1 panoramic image at 16:9.
Forth row could be 3 portrait images again.
Basically I want to display 2 products per row if the images are landscape, 3 per row if portrait and 1 per row if panoramic.
However, this makes my product page have huge portrait images and tiny panoramic images (because the pano images are trying to squeeze into the narrow width of the column). Unfortunately it is not possible to add another shop section with a different number of columns.
Question
stim
I am trying to setup a photo print store. To deal with varying aspect ratios of different images, I would like to change the number of products displayed per row in the squarespace store. For example:
Basically I want to display 2 products per row if the images are landscape, 3 per row if portrait and 1 per row if panoramic.
I have used this code successfully to hack the aspect ratios: https://sf.digital/squarespace-solutions/how-to-show-product-images-in-their-original-aspect-ratio-on-squarespace-71
However, this makes my product page have huge portrait images and tiny panoramic images (because the pano images are trying to squeeze into the narrow width of the column). Unfortunately it is not possible to add another shop section with a different number of columns.
Thanks a lot in advance.
Link to comment
Top Posters For This Question
7
11
Popular Days
Jan 12
4
Jan 14
3
Jan 18
2
Jan 30
2
Top Posters For This Question
tuanphan 7 posts
stim 11 posts
Popular Days
Jan 12 2022
4 posts
Jan 14 2022
3 posts
Jan 18 2022
2 posts
Jan 30 2022
2 posts
Posted Images
17 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment