Hi! I have managed to edit the code in order to get my images to show as a 1:1 ratio on the product page, however, this does not extend to the ‘Related Products’ section, which still has different sized images.
Is there a specific part of the code for related products?
Photo below for reference. If I change the Product Card Image Ratio to square it just crops the images and I don’t want it to do that.
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
So that’s worked for those images. But now having an issue with the product details being really far away from the photo and any images that are wider are being cropped.
That’s solved the text. But the split images is still happening, I think its only on products that have more than one image though, as single image products are fine.
I’ve tried incognito, but its still showing, its not the items on the home page. If you go onto say the giraffe mini head and scroll down to the related items at the bottom.
Thank you again for all your help with the above last week, unfortunately since going live the related product images don’t show up on an iphone (but they do on android and in the mobile view in ‘Customise’).
Could this be part of the code? or completely unrelated? Shopify Support are unable to help