keystation
Новичок

Ребят, может кто сможет помочь.
Стоит задача сделать визуально неактивными вариации товаров (например, присвоить класс для дальнейшей стилизации через css) которых нет в наличии, а при нажатии на вариацию менять кнопку "добавить в корзину" на другую кнопку, на которую я потом повесил бы popup с добавлением в лист ожидания.
Теоретически с кнопкой "Купить/Добавить в корзину" проблем не вижу, у нее присваивается дополнительный класс если вариации товара нет в наличии. Можно ее сделать display:none, и на ее место вывести вместо текста про "выберите другую комбинацию" новую кнопку. (хотя может у кого будут и более интересные идеи).
Но вот со стилизацией выбора вариаций не могу додуматься.
Я нашел на просторах форума функцию которая просто запрещает выбирать вариацию, но увы, не то, что хотелось бы.
Как сейчас:

Как хочется сделать:

Стоит задача сделать визуально неактивными вариации товаров (например, присвоить класс для дальнейшей стилизации через css) которых нет в наличии, а при нажатии на вариацию менять кнопку "добавить в корзину" на другую кнопку, на которую я потом повесил бы popup с добавлением в лист ожидания.
Теоретически с кнопкой "Купить/Добавить в корзину" проблем не вижу, у нее присваивается дополнительный класс если вариации товара нет в наличии. Можно ее сделать display:none, и на ее место вывести вместо текста про "выберите другую комбинацию" новую кнопку. (хотя может у кого будут и более интересные идеи).
Но вот со стилизацией выбора вариаций не могу додуматься.
Я нашел на просторах форума функцию которая просто запрещает выбирать вариацию, но увы, не то, что хотелось бы.
Как сейчас:

Как хочется сделать:
