方案： WooCommerce中的单一产品T恤有3个图像，包含3种可用颜色。可用颜色也在页面的不同区域中被列为产品属性。我希望能够单击可用的颜色（即红色），并使产品图像库切换为显示红色衬衫。
假设您熟悉WooCommerce中的“单一产品图片库”，您将知道特色图像下方有缩略图，单击这些缩略图可将特色图像更改为单击的图像。可以将相同的click事件处理应用于页面其他位置的可用颜色项，这似乎合乎逻辑，因此在任一位置单击均会加载正确的特征图像。
由于我已经通过WooCommerce JS进行了挖掘，所以我认为这是一个FlexSlider画廊： https://github.com/woocommerce/woocommerce/blob/master/assets/js/frontend/single-product.js
所以我现在正在研究FlexSlider-但我希望是对一般产品库或FlexSlider熟悉的人可能会启发我采用正确的方法。