Готового решения не дам, так как такую работу еще не делал, но дам направление. Первым делом вам надо создать копию шаблона компонента. В компоненте, который отвечает за вывод списка товаров, найдите код, который выводит торговые предложения, там наверняка какой-нибудь цикл foreach. Поменяйте вывод с такого как на картинке на select/option. Затем у вас возникнет проблема с тем, что кнопка отправки в корзину одна, а товарных предложений много. Вам необходимо придумать механизм, как передавать ID торгового предложения на кнопку "купить", чтоб при нажатии на нее передавался этот ID и добавлялся в корзину товар именно с выбранным предложением. Другая проблема - вам надо будет как-то на странице показывать, что из данного товара 1 или несколько предложений уже добавлены в корзину, ведь кнопка опять же одна. Это всё как-то можно сделать на JS без особых усилий, просто надо найти оптимальный вариант. Дерзайте!