如何使用尺寸选项单独显示magento可配置产品

Question

场景：

具有3种颜色的凉鞋：黑色，蓝色和绿色，每种都有3种尺寸：5、6和7。现在，在产品列表页面上，我们希望分别展示黑色，蓝色和绿色凉鞋，同时保留可以在产品详细信息页面上显示所有颜色的功能，允许用户选择自己想要的颜色。

产品列表页面看起来像这样：

清楚地显示产品的所有可用颜色。这是一个很好的UI和UX，它显示了产品目录的丰富性，同时允许用户轻松地可视化每种颜色。

“产品详细信息”页面如下所示：

因此，用户可以从产品列表页面直接转到任何颜色的凉鞋，并且一旦进入产品详细信息页面，他/她就可以选择更改颜色并更好地可视化产品。