Show color variants as separate products

If you have products that come in multiple colors/designs, it is a good idea to showcase it on the collection page, so the customers are aware that there are different options they can choose from. One solution is to show color swatches on the collection page, however, this implementation allows you to show color variants as separate products.

That way, customers would be able to see all the color variants on the collection page and still be able to change the selected color on the product page.