How to show specific variant image on a smart collection

[ricardozf]

Hi,

I'm trying to develop a rental store for a person, I'm not a professional, but I having a hard time to find a solution to a common problem:

How to show a specific variant image on smart collections?

I'm using the Dawn theme, version 15.1.0.

I have many products with color variants, but the names are not common and I want to separate by base color.

I have created smart collections with Variant's Title that contains specific colors, like this:

But as usual, the images displayed on the collection is the main image of the product, not the variant image.

And another problem, some products have two shades of the same base color, so the product must be displayed twice with different shades.

Is it possible to fix this?

[ricardozf]

I would really appreciate it if you could help me.

I was testing metafields and custom data, I don't know if this could help:

I've created a Base Color in Custom Data > Metafields definitions > Variants:

Created the metaobjects entries:

And assigned to the variant in the product page:

Now my smart collection is based on the custom metafield:

[ricardozf]

Is it possible to show only variants and its images based on the custom metafield "custom.base_color" when it matches the collection's name?