Hi, I saw several posts about swapping images based on attribute, but I need to swap actual products.

For example, I have shoes that in black and white color, but in stock I have different sizes for black and white shoes, so I created 2 separate products and specify sizes for each of them.

Both products will have "joined" color attributes, and my goal is somehow to connect these products(based on attribute or model), so when customer selects "black" color - he'll see (redirect) to "black shoes products pages"

and when customer selects "white color" - he'll see (redirect) to "white shoes product page".

I need redirect without reloading the page.

Any ideas how I can do it?