Ash here from the Shopify Team.
Here is our help documentation on image tips for the Brooklyn theme. You can find a number of tips in there, including the ideal image dimensions for square images (1024 x 1024 px). The full documentation on the Brooklyn theme can be found here, and we also have some great information here on uploading images to your website. Do you know what dimensions your images are currently in?
The collection list images should be square by default, but it’s possible that a code change could have been made to make those rectangle, or an app may have affected the layout. Have you installed any applications or made any code customizations to the Brooklyn theme that may have changed the shape of those images?
I’d love to see a screenshot of your collection list images, and take a look at your site via your store’s URL. Please feel free to share those details with me in a reply here so I can take a closer look.
I’m looking forward to hearing back from you!
I see what you mean. The collection list images appear to be rectangular on the desktop view of your site. As a side note, I think they look great, since the images you’ve added are landscape oriented. That being said, I totally appreciate you wanting to keep them consistent with the mobile view, and have them appear square.
Since the Brooklyn theme should display the collection list images as square by default, I’m thinking there may have been a code customization already made which caused them to turn rectangular. If this is the case, you may be able to fix this by rolling back changed sections of the themes code to previous versions. Here are some screenshots to show how this is done:
First access the themes code editor:
This dot indicates a section has been modified from the default:
Once you access a section you want to roll back, click “Older Versions” at the top of the page. You’ll then see a drop-down menu with all of the previous versions this section has had:
For some more information on rolling back sections of a theme, we have a great help document here.
Once you’ve identified and rolled back any sections that have been modified, and may have caused this image shape change, let me know if the issue is resolved.
I’m happy to take a closer look into your shop with you as well. I’ll reach out to you via email so I can gain authorization to look into your store’s back end. If you could reply there with your approval, I can start to dig into this.
|14 seconds ago|
|an hour ago|
|2 hours ago|