Смотрите подробную инструкцию и код ниже
Стилизация дополнительных опций в карточке товара
Если вы хотите использовать такую стилизацию в карточках товаров, которые открываются на отдельной странице, то весь этот код необходимо вставить в head сайта.
При этом, если у вас товары открываются в попапах, то при перезагрузке старницы, стили также слетят, поэтому рекомендую добавлять код сразу в head сайта


В коде прописаны дополнительные комментарии, по которым вам будет проще ориентироваться, также есть дополнительная таблица, с помощью которой можете немного расширить функционал кода
Код для модификации
Вариант карточек дополнительных опций без цены
Вариант карточек дополнительных опций с ценой
Вариант, когда несколько опций и у них разные цвета
Made on
Tilda