Show only partial variations of a product as different SKUs

I have multiple variations for my products:

  • Colors (3)
  • Sizes (3)

Leading to 9 skus for each product (3x3)

There is a customization done through product Customizer App, but I don’t think that’s relevant.

In order to buff up my site and be more exhaustive to my users, I would like to list each colour variation as a different product on the catalog pages. Right now, only the first picture would be displayed (let’s say in Blue) but the product is also available in Red and in Black. My users are not going to understand that other variations of the product are available once they land on a product page. So they simply drop.

I found apps that would list all variations, but that is not a match with what I need as for a single product, I would need only 3 variations (Blue/Red/Black), not 9 (Blue S, Blue M, Blue L, Red S, Red M, etc..), and when the user land on the product page, he does have access to all the variations available for that product.

If anyone came across a similar challenge in the past and found a way to address it, please let me know.

Thank you!