Products photos are changing size on collection page

[patricia0928]

I want all product photos to be displayed in 2:3 on their collection pages. Only one of my collection pages is displaying this correctly: https://www.tanmadonnas.com/collections/spring-2023
The rest of my collections are either blowing up the photos, only showing 2 in a row, or just doing some really bizarre formatting:
https://www.tanmadonnas.com/collections/new-arrivals

https://www.tanmadonnas.com/collections/summer-2022

• the title of the products is all the way at the bottom of the page?

https://www.tanmadonnas.com/collections/bikini-tops

https://www.tanmadonnas.com/collections/bikini-bottoms

• the two products at the very bottom, their photos are not in uniform size as the rest of the products.
  Where do I go in the code to fix this?

[magecomp]

Hello @patricia0928

You can try this

1. Go to your Shopify admin and click on Online Store > Themes.
2. Click on the name of the theme that you are using.
3. Click on the Edit Code button.
4. Find the file called collection.liquid.
5. In this file, search for the following code:

{% for product in collection.products %}
  <div class="product-item">
    <a href="{{ product.url }}">
      <img src="{{ product.image }}" alt="{{ product.title }}" />
    </a>
    <h3>{{ product.title }}</h3>
  </div>
{% endfor %}

Replace this code with the following code:

{% for product in collection.products %}
  <div class="product-item">
    <a href="{{ product.url }}">
      <img src="{{ product.image | resize(200, 300) }}" alt="{{ product.title }}" />
    </a>
    <h3>{{ product.title }}</h3>
  </div>
{% endfor %}

Save the file.

Click on the Deploy button.

[patricia0928]

I don’t have collection.liquid.