Сценарий:
Футболка с одним продуктом в WooCommerce имеет 3 изображения для 3 доступных цветов. Доступные цвета также перечислены в качестве атрибута продукта в другой области страницы. Я хотел бы иметь возможность щелкнуть по доступному цвету (то есть: красный) и сделать так, чтобы галерея изображений продукта переключалась для отображения красной рубашки.
Предполагая, что вы знакомы с Галереей изображений одного продукта в WooCommerce, вы будете знать, что под изображенным изображением есть эскизы, которые при щелчке заменяют это изображение изображенным по щелчку. Кажется логичным, что я мог бы применить ту же обработку событий щелчка к доступным цветным элементам в другом месте на странице, так что щелчок в любом месте загружает правильное показанное изображение.
Я думаю, что это галерея FlexSlider, теперь, когда я копался в WooCommerce JS:
https://github.com/woocommerce/woocommerce/blob/master/assets/js/frontend/single-product.js
Итак, я сейчас смотрю на FlexSlider - но я надеюсь, что кто-то, знакомый с галереей продуктов в целом или FlexSlider, в частности, сможет объяснить мне правильный подход к этому.