For displaying colour swatches in place of variant images on collection pages, goto the collections page settings in the Swatch King navigation and follow the steps mentioned below:
How can I display color swatches on the collections page instead of variant images?