I would like to design the product display on my e-commerce website as follows:
- Each product can have multiple colors. On the product listing page (category or collection), each color variation should be displayed as a separate product.
- When a user visits the product detail page of a specific color, the color selection (Color) should still show all available colors. And when the user clicks on a different color, the website should redirect to the product detail page (URL) corresponding to that color, instead of just changing the image on the same page.
- Additionally, each product can have multiple sizes, but when selecting a different size, it should only change the variant within the same product page without redirecting to another page.