How can I prevent horizontal images from being cut off?

Shopify Discussion

Topic summary

Issue: Merchant migrating a large art catalog finds horizontal images are cropped in listing tiles; changing image size didn’t help. Store link initially blocked by password, later unlocked.

Theme clarification: Although the merchant mentioned Studio, the helper identified the live theme as Dawn.

Fix provided (Dawn):

  • Online Store > Theme > Customize.
  • Open Collection pages > Product grid.
  • Set Image ratio to “Adapt to image,” then Save.
    This preserves the original aspect ratio so horizontal images aren’t cut off. Multiple screenshots were shared to illustrate steps.

Outcome: Merchant confirmed the change resolved the issue for collection/product grids.

Open point: Another participant reports a similar cropping issue on the main theme homepage (not product page). No homepage-specific solution was provided yet; discussion remains open for that scenario.

Summarized with AI on December 31. AI used: gpt-5.
2

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

1 Like