Предлагаю скинуться на плагин для Woocommerce: WooCombinator. Стандартный выбор вариаций в карточке товара реализован в виде селектов "<select></select>", что часто бывает крайне не удобно. Данный плагин позволяет изменить представление стандартных вариаций в карточке товара.
Спойлер: Описание Google переводчик
Вы все еще используете выпадающие списки для своих переменных продуктов? Разве вы не хотите предоставить своим покупателям более ясный и естественный способ выбора вариантов продукта?
Знаете ли вы, что WooCombinator может превратить ваш скучный выбор в кликабельные кнопки? WooCombinator-это плагин для WooCommerce. Этот плагин превращает скучные элементы выбора переменных продуктов в кнопки.
Демо: