How can I display square collection images in a 2:3 ratio?

Technical Q&A
, ,
1

Hi everyone,

Is it possible to display my collection images in a 2:3 ratio even though they are square?

Here’s an example of a store doing so (collection images) → Collection Images Example

Here’s how the images look when you open the product page (square) → Product Page Image Example

So yes, all the images in this specific product are square however, on the collection page it displays them as 2:3.

The reason I want to do this is that 80% of my products are 2:3 ratio images but the remaining 20% are all square, if I leave it as it is, it looks highly unprofessional and messy on the collection page, home page, and the recently viewed section as well.

Any help would be much appreciated.

Thanks!

1 Like
2

Hi @FilipEcommerce , welcome to the Shopify community!

The changes you’re wanting to make can be done through custom coding to your theme. There are different options you can proceed with when looking for someone to make these changes for you. You can hire a Shopify expert to make these changes for you. If you’re looking to save some money you can hire a freelancer using websites like Fiverr. If you are using a Shopify made theme and are on a paid plan, you can reach out to take advantage of Shopify design time. Design time is one hour of coding changes that our theme support team can make for you. Not all changes qualify but most basic ones do. To submit your request, you can reach out to our Shopify support team and they can help you get that sorted.