A user is experiencing an issue where product images are being cropped or cut off on their Shopify store’s product pages. Screenshots show images displaying with portions missing rather than showing the full image.
Attempted Solution:
The GemPages support team identified that the theme is designed to make images cover the full height, causing cropping. They provided a CSS code solution to display images at their actual aspect ratio, warning this would create gaps at top/bottom.
Implementation Steps Provided:
</body> tagCurrent Status:
The proposed code fix did not resolve the issue. The user reports images are still being cut off when clicking on them or viewing videos. Additional screenshots were shared showing the problem persists. The discussion remains unresolved with no further solutions offered yet.
Hi there. Every time I add media to any of my product pages, the pictures keep getting cut out.. see screenshots below:
Is there a way I can change the dimensions on this theme? I tried inputting a few different lines of code in the Assets section, but it hasn’t worked. Any and all help is appreciated.
Thanks!
Hello @dgeddam
It’s GemPages support team and glad to support you today.
Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?
https://digitaldash.top/ - Here is my store’s URL
Thank you!
It’s GemPages support team and glad to support you today.
Because your theme is aiming for the images to cover the full height
I can add code to show the actual aspect ratio of the image but there will be a gap at the top and bottom of the image.
Go to Online Store → Theme → Edit code.
Open your theme.liquid theme file.
Paste the below code before :
Result:
Please consider before using.
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
Hi, this code didn’t work. It’s still cutting off my images every time I go in to click on an image or video.
