Variable Product for all colors

Hi all,

I have one basic question, probably noobish but I couldn’t find it anywhere.
I read everything how to create a variable product – all ok.
But how to display that product on shop page by all available colors. For example, if you see this link (https://www.sportsdirect.com/mens/mens-knitwear – it’s not add, just buying a lot on this one) you will see that for one knitwear they have like 5 products for 5 different color. When I click on one of them I got one permalink and only last part is different in color. And also on the same page, i can do bulk shopping of different variations of the same product.

Can you please explain to me how to achieve this one?