フリーエリアを使って「商品詳細ページ」に長めのレターを入れています。

このレターの途中に「カートに入れる」ボタンを配置したいのですがうまくいきません。

以下のコードをページ管理での「商品詳細ページ」のページ編集でTwigファイルを開いてコピーして、フリーエリアに貼り付けてみました。



<form action="?" method="post" id="form1" name="form1">
<!--▼買い物かご-->
<div id="detail_cart_box" class="cart_area">
{% if Product.stock_find %}

{# 規格 #}
{% if form.classcategory_id1 is defined %}
<ul id="detail_cart_box__cart_class_category_id" class="classcategory_list">
{# 規格1 #}
<li>
{{ form_widget(form.classcategory_id1) }}
{{ form_errors(form.classcategory_id1) }}
</li>
{# 規格2 #}
{% if form.classcategory_id2 is defined %}
<li>
{{ form_widget(form.classcategory_id2) }}
{{ form_errors(form.classcategory_id2) }}
</li>
{% endif %}
</ul>
{% endif %}

{# 数量 #}
<dl id="detail_cart_box__cart_quantity" class="quantity">
<dt>数量</dt>
<dd>
{{ form_widget(form.quantity) }}
{{ form_errors(form.quantity) }}
</dd>
</dl>

<div class="extra-form">
{% for f in form.getIterator %}
{% if f.vars.name matches '[^plg*]' %}
{{ form_row(f) }}
{% endif %}
{% endfor %}
</div>

{# カートボタン #}
<div id="detail_cart_box__button_area" class="btn_area">
<ul id="detail_cart_box__insert_button" class="row">
<li class="col-xs-12 col-sm-8"><button type="submit" id="cart" class="btn btn-primary btn-block prevention-btn prevention-mask">カートに入れる</button></li>
</ul>
{% if BaseInfo.option_favorite_product == 1 %}
<ul id="detail_cart_box__favorite_button" class="row">
{% if is_favorite == false %}
<li class="col-xs-12 col-sm-8"><button type="submit" id="favorite" class="btn btn-info btn-block prevention-btn prevention-mask">お気に入りに追加</button></li>
{% else %}
<li class="col-xs-12 col-sm-8"><button type="submit" id="favorite" class="btn btn-info btn-block" disabled="disabled">お気に入りに追加済みです</button></li>
{% endif %}
</ul>
{% endif %}
</div>
{% else %}
{# 在庫がない場合は品切れボタンのみ表示 #}
<div id="detail_cart_box__button_area" class="btn_area">
<ul class="row">
<li class="col-xs-12 col-sm-8"><button type="button" class="btn btn-default btn-block" disabled="disabled">ただいま品切れ中です</button></li>
</ul>
</div>
{% endif %}
</div>
<!--▲買い物かご-->
{{ form_rest(form) }}
</form>

「カートに入れる」ボタンは表示されますが、クリックしても機能しません。

どうやら変数を受け取れなくてスクリプトが動いていないようで吐き出されるHTMLを見てもコードが足りない感じです。

フリーエリアに「カートに入れる」ボタンを配置して機能差せる方法、あるいは、同様の機能を実現する方法はないでしょうか？

よろしくお願いします。