This is just the grid based layout on top of drop downs on product view page.Product option drop downs are hidden. When you select particular option from grid layout, the corresponding options in drop downs gets selected. So when user add product to basket product with particular options gets added in to basket.
I can not mention complete code over here.But this is the technique to design any required layout on product view page. If you need further help in this you can contact me.