Why are my Craft theme product images being cropped?

Store Design
, , , ,

Topic summary

A Craft theme user is experiencing inconsistent product image cropping across their Shopify store. Most product images display correctly, but items in the kitchen wares collection appear severely cropped. The user has attempted resizing images and adjusting theme settings without success.

Troubleshooting suggestions offered:

  • Adjust image aspect ratio settings via Theme Settings → Product Grid
  • Add custom CSS code to control image dimensions (max-width and max-height set to 100%)
  • Modify the base.css file in the theme’s Assets folder

Current status:
The store is in preview mode, and the user has shared their preview URL with support teams from Ryviu and GemPages for further diagnosis. The discussion remains open as the user awaits specific solutions based on their store configuration.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.
1

Hi there!

I am having a weird issue with the Craft theme and my product images!

Most of them are fine (in the first photo) but under my kitchen wares collection they are super cropped (photo 2) -I’ve tried resizing the images but it doesn’t change anything! All the theme settings are the same so it isn’t a custom page

Photo 1
Photo 11181×502 341 KB

Photo 2
Photo 21206×505 278 KB

2

Hi @edgewoodfarm , could you share your store URL?

3

Hi @edgewoodfarm ,

To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?

Thank you and hope to hear from you.
Best regards,
GemPages Support Team

4

Hello @edgewoodfarm ,

You can try to adjust theme’s image settings, you can follow these steps:

  • Go to Online Store → Theme → Customize → Theme settings
  • Go to Product grid → Image aspect ratio setting
  • If you want to further adjust the image size, you can add some CSS code to your theme. To do this, click on “Theme actions” in the bottom-left corner and select “Edit code”.
  • Go to Assets → base.css → add the following code at the bottom
.product-card__image-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
  • Save and preview

Hope this can help.

Ali Reviews team.

5

Hi there! It’s just in preview right now!

https://5emuvma4srbwq4v2-6221869.shopifypreview.com

6

@GemPages hi! here’s our link as it’s under preview right now https://5emuvma4srbwq4v2-6221869.shopifypreview.com