1.Устанавливаем плагин "Color and Image Swatches for Variable Product Attributes"

2. Создаем атрибуты (атрибуты создаются только на английском)

3. Создается к атрибутам "правило" - как на картинке.

4. В созданном "правиле" выбираем цвет

5. В карточке товара выбираем "вариативный товар"

6. В карточке товара нажимаем "атрибуты" и затем выбираем созданный "атрибут"

7. В карточке товара нажимаем "вариации" и затем выбираем "выбрать все"

8. Добавляем в каждом созданном "правиле" цену и фото

Сохраняем.

Есть альтернативный плагин и тоже с настройками цветов

Woo Variations Style Buttons