{$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>