Product Grid Images Are Being Cropped - Champion Theme

TerminalBrew
New Member
7 0 0

I saw this was already answered for other themes, but wasn't able to get the solution to work for the Champion theme. 

 

Similar issue:

https://community.shopify.com/c/shopify-design/product-grid-images-are-being-cropped/m-p/1768944

 

I'm seeing white spaces when uploading my own product images. I have tried different uploading methods along with cropping and resizing images. 

Replies 10 (10)

suyash1
Shopify Partner
9140 1138 1485

@TerminalBrew - can you please share your page link?

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
TerminalBrew
New Member
7 0 0

https://terminalbrew.com/products/terminal-brew-cyber-coffee-super-user

 

The pictures show up find when displayed on the site, but they show up with white space above and below when the products are synced to sales channels.

 

This image with white space is what shows on the media section of the product page in shopify as well.

 

suyash1
Shopify Partner
9140 1138 1485

@TerminalBrew - check this image, it has a lot of white space around the actual image, please crop that and then white space will be reduced

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
TerminalBrew
New Member
7 0 0

That's not the image type I was having issues with. It's the 2nd picture option. I previously tried cropping the image with no success as well.

suyash1
Shopify Partner
9140 1138 1485

@TerminalBrew - second image looks fine

 

suyash1_0-1697681804415.png

 

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
TerminalBrew
New Member
7 0 0

Correct. It looks fine on the website, but since the image is resized, or whatever happens when it is uploaded to shopify, it shows white space above and below on marketing platforms when synced.

 

When looking that the image from the media section in shopify I see the image with the white space, but it appears normal on the actual web page. I'm trying to figure out why the whitespace is added to the images I'm uploading. Not trying to fix a presentation issue on the site. 

 

TerminalBrew
New Member
7 0 0
suyash1
Shopify Partner
9140 1138 1485

@TerminalBrew - may adding margin-adding when you synch it with marketing platform 

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session
TerminalBrew
New Member
7 0 0

Maybe, but like I mentioned before a couple times, when I'm logged into shopify and look at the product images I see the white space on the product images, and that is what is synced. So I imagine nothing is being added by the other platforms since the image I see on shopify admin is what I see on the other platforms. 

 

It looks like the margins are removed on the webpage by shopify, but that does not happen on the other platforms. Any idea how I can remove those margins on shopify?

 

@suyash1 

TerminalBrew
New Member
7 0 0

I found a workaround for now using canva. Would still like to figure out a way to change this in shopify though.