How can I prevent horizontal images from being cut off?

Solved

How can I prevent horizontal images from being cut off?

cobalthouse
Tourist
10 0 3

Hello,

 

I carry a lot of art in my inventory. All of my horizontal images are cut off on the sides. Image resize is not changing anything. Can I change the size of the display tiles? I have hundreds of images, I am migrating from another platform. I just want to cry at thinking of having to reshoot everything. Help! 

I tried to post a link to my shop and it was giving me an error.

 

Accepted Solution (1)
theycallmemakka
Shopify Partner
1685 404 423

This is an accepted solution.

Hi @cobalthouse ,

 

Looks like you are using dawn theme. In Dawn theme you can customize the setting to make the image take the size of container.

 

Please follow below steps to achieve this.

Step 1: Go to Online Store > Theme > Customize

mangitma_3-1695616131996.png

 

Step 2: Select Collection Pages

mangitma_4-1695616199048.pngmangitma_5-1695616209547.png

 

Step 3: Select "Product Grid"

mangitma_0-1695615902692.png

 

Step 4: Change Image ratio to "Adapt to image"

mangitma_1-1695616050453.png

 

Step 5: Save the changes

mangitma_2-1695616062082.png

 

If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Mangit

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Replies 8 (8)

theycallmemakka
Shopify Partner
1685 404 423

Hi @cobalthouse,

 

We can make the changes on the the as required to make the whole image visible. Most of the theme already support this feature. As you have not mentioned any specific theme, i cannot give an accurate solution.

 

Howver, even if the theme doesnot have the required feature, we can update the source code to make this work.

 

If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Mangit

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

cobalthouse
Tourist
10 0 3

Thank you for your reply! I'm using the theme Studio, but am open to changing to whatever will best support the photo issue. 

My store is not open yet, so I am not sure if you can access it from this link:

https://d2aa1a.myshopify.com/collections/art-1

If not, please tell me what link to provide you. I'm working diligently to get this store ready for launch and welcome your help! 🙂

theycallmemakka
Shopify Partner
1685 404 423

The store is password locked. Can you please provide me with the password? 

mangitma_0-1695568927935.png

 

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

cobalthouse
Tourist
10 0 3

I just removed the password. 

theycallmemakka
Shopify Partner
1685 404 423

This is an accepted solution.

Hi @cobalthouse ,

 

Looks like you are using dawn theme. In Dawn theme you can customize the setting to make the image take the size of container.

 

Please follow below steps to achieve this.

Step 1: Go to Online Store > Theme > Customize

mangitma_3-1695616131996.png

 

Step 2: Select Collection Pages

mangitma_4-1695616199048.pngmangitma_5-1695616209547.png

 

Step 3: Select "Product Grid"

mangitma_0-1695615902692.png

 

Step 4: Change Image ratio to "Adapt to image"

mangitma_1-1695616050453.png

 

Step 5: Save the changes

mangitma_2-1695616062082.png

 

If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Mangit

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

cobalthouse
Tourist
10 0 3

Thank you!! That worked!

theycallmemakka
Shopify Partner
1685 404 423

Glad to hear that worked 🙂 

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

Genujuan
Visitor
1 0 0

Hi.  I'm having the same problem on the main theme page and not a product page.  I've added a horizontal picture that is getting cut off.  Any suggestions?