Caryncramer

23 hours ago, AtheFU said:

Hi, 

this thread is the closest related to a similar problem. 

I'm trying to implement a product page within the flatiron template. 

In the sample page (https://oriole-dragonfly-5khf.squarespace.com/prints/) the product images are rectangular. However, mine are alway 1:1 and I just can't figure out how to get rid of the 1:1 ratio. 

Any idea? 

Thanks!

Armin

Hi Armin,

If you go to your product page, then in the left navigation, go to Design > Site Styles > click on the product picture > under Products Gallery > Aspect Ratio. You can change the aspect ratio on all the products here.

On 1/7/2021 at 2:51 AM, tuanphan said:

Add this new code to Fabric Page Header

<style>
  .tweak-product-item-gallery-aspect-ratio-11-square .ProductItem-gallery-slides:before {
    padding-bottom: 150% !important;
}
</style>

 

Just wanted to follow up for anyone else with the issue - this code worked but the aspect ratio was closer to 2:3 vertical. I changed the percentage to 130% and it is 3:4 vertical aspect ratio now (added the motivated code below).

Thanks!

<style>
  .tweak-product-item-gallery-aspect-ratio-11-square .ProductItem-gallery-slides:before {
    padding-bottom: 130% !important;
}
</style>

Oh thanks! Actually this code works for the landing page for the products but i would like the photo ratio for each product page to be a different ratio than other product pages. Hopefully that make sense!

Yes, I definitely want custom code. I set all my product photo ratios to 1:1 but I want a specific product gallery to show product image (in the product page) as 2:3 vertical. 

this one is 1:1 ratio, all good: http://caryncramer.com/wood-veneers/harper-canyon-wood-veneer

this one is the one I want to change to 2:3 vertical: http://caryncramer.com/fabric-by-the-yard

Hi there,

Under site styles > Products: Gallery > Aspect ratio, I want all of my images to have a 1:1 ratio except for one collection, I want to apply a different aspect ratio (4:3).

Can anyone help me with code to have a different image aspect ratio for a collection of products? Thank you so much!