How to change collection list picture on homepage

Hi @yg

in order to show the first product photo in the collection list instead of the featured collection image, I invite you to follow these steps :

• From your Shopify dashboard, Click Online store > Actions > Edit code
• Open the file collection-grid-item
• Remove the below codes

{% if collection.image %}
{%- assign collection_image = collection.image -%}
{% elsif collection.products.first and collection.products.first.images != empty %}
{%- assign collection_image = collection.products.first.featured_image -%}

• Replace them with 

{% if collection.products.first and collection.products.first.images != empty %}
{%- assign collection_image = collection.products.first.featured_image -%}

• Click Save

Let me know if you need any further assistance 🙂

Katrine

@plaktheme Thanks, it worked. But a new question came up, I found a shadow below the picture.

Posted by: @yg

@plaktheme Thanks, it worked. But a new question came up, I found a shadow below the picture.

 

In order to remove the little grey shadow, add this code at the beginning on the collection-grid-item file

<style>
.collection-grid-item__title-wrapper::before {
height : 100% !important;
}
</style>

• Click Save

Let me know if you need any other assistance with this topic 🙂

Katrine