Ну смотрите принцип какой. У вас товар в списке. Т.к. значений много, то надо наверное Вам использовать шаблон табличного вида товара в списке, т.к. комплектаций может быть много и они все в блочное отображение не поместятся. соответственно блочный вид в настройках модуля каталог товара нужно поставить как приоритетный. Далее нужно открыть шаблон и его модифицировать перебрав в цикле комплектации.
Комплектации можно получить через
{$offers=$product->fillOffers()}
И в цикле сделать множество строк, которые будут содержать:
1. Это оборачивающий контайнер с идентификатором товара, т.к. при нажатии на кнопку купить ищется ближайщий контейнер с идентификатором товара записанным в data-id аттрибут.
2. Кнопка купить для каждой строки комплектации.
3. Поле для ввода количества для каждой строки с name="amount".
<input type="text" name="amount" value="1"/>
4. Скрытое поле и номером комплектации.
<input type="hidden" name="offer" value="Номер нужной комплектации"/>
Примерно, вот так будет выглядеть строка комплектации:
<div class="offerRowWrap" data-id="id товара">
<input type="hidden" name="offer" value="Номер нужной комплектации"/>
<input type="text" name="amount" value="1"/>
<a href="{$router->getUrl('shop-front-cartpage', ["add" => $product.id])}" class="addToCart">Купить</a>
</div>