質問 > フロント機能 > 商品詳細ページの規格ごとにカートボタンを付けたい |
フロント機能
フラット表示 | 前のトピック | 次のトピック |
投稿者 | スレッド |
---|---|
SATC3 |
投稿日時: 2017/8/26 22:33
対応状況: −−−
|
半人前 登録日: 2017/8/2 居住地: 投稿: 14 |
Re: 商品詳細ページの規格ごとにカートボタンを付けたい umebius 様
お世話になります。 ご相談してもよろしいでしょうか。 【作業したこと】 ・form内に必要なinputを配置。 ・規格の内容をセレクトフォームからリストに変更してループ。 ・カートボタンを新たにつくり規格と同じループ内に配置してクリックでjavascript始動。javascript内にはそれぞれvalueを所定のinput idがあるvalueに飛ぶように記述。 と作ったのですが、 カートボタンを押してもurlの最後に?がついてカートに入りません。 http://localhost/index_dev.php/products/detail/35? 一度ソースを見ていただいてもよろしいでしょうか。 ※一部デフォルトのままの箇所もございます。 内容はformタグ内のみ改造 ズラズラと長いですが、宜しくお願いいたします。 <!-- ▼フォーム内容(規格、数量、カートボタン、お気に入りボタン、お問い合わせボタン)▼ --> <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> <!--- javascript ---> <script type="text/javascript"> //<![CDATA[ function submitcart_products(product_class_id, classcategory_id1, classcategory_id2) { $("#product_class_id").val(product_class_id); $("#classcategory_id1").val(classcategory_id1); $("#classcategory_id2").val(classcategory_id2); document.form1.submit(); } //]]> </script> {% for ProductClass in Product.ProductClasses %} <li> <ul class="cart_box clearfix"> <li class="product-image"> <div class="image-box"> <img src="/html/upload/save_image/{{ Product.MainListImage }}" alt="{{ ProductClass.class_category1.name }}" width="30"> <p><small>{{ ProductClass.class_category1.name }}</small></p> </div> </li> <li class="product-size"> <div class="size-box"> SIZE: {{ ProductClass.class_category2.name }} {% if ProductClass.StockFind == false %} <span class="text-danger"> 在庫切れ </span> {% else %} 残り {{ ProductClass.stock }} 点 {% endif %} </div> </li> <li class="cartin"> <div class="cart-box"> {% if ProductClass.StockFind == false %} <span>SOLD OUT</span> {% else %} <a href="java script:void()" onclick="submitcart_products({{ ProductClass.id }}, {{ ProductClass.class_category1.id }}, {{ ProductClass.class_category2.id }});" id="add-cart" class="btn btn-cartin"> <i class="fa fa-shopping-cart"></i> ADD CART </a> {% endif %} </div> </li> </ul> </li> {% endfor %} </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> {% 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> {#Favorite product button#} {% 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> {#End div#detail_cart_box__button_area #} {% endif %} {#End stock find#} </div> <!--▲買い物かご--> <div style="display: none"> <input type="hidden" id="mode" name="mode" value=""> </div> <div style="display: none"> <input type="hidden" id="product_id" name="product_id" value="{{ Product.id }}"> </div> <div style="display: none"> <input type="hidden" name="product_class_id" id="product_class_id" value=""> </div> <div style="display: none"> <input type="hidden" id="classcategory_id1" name="classcategory_id1" value=""> </div> <div style="display: none"> <input type="hidden" id="classcategory_id2" name="classcategory_id2" value=""> </div> <div style="display: none"> <input type="hidden" id="quantity" name="quantity" value="1"> </div> <!--{{ form_rest(form) }}--> </form> <!-- ▲フォーム内容(規格、数量、カートボタン、お気に入りボタン、お問い合わせボタン)▲ --> |
フラット表示 | 前のトピック | 次のトピック |
題名 | 投稿者 | 日時 |
---|---|---|
商品詳細ページの規格ごとにカートボタンを付けたい | SATC3 | 2017/8/2 3:38 |
Re: 商品詳細ページの規格ごとにカートボタンを付けたい | umebius | 2017/8/2 6:55 |
Re: 商品詳細ページの規格ごとにカートボタンを付けたい | SATC3 | 2017/8/4 1:52 |
Re: 商品詳細ページの規格ごとにカートボタンを付けたい | umebius | 2017/8/6 20:33 |
» Re: 商品詳細ページの規格ごとにカートボタンを付けたい | SATC3 | 2017/8/26 22:33 |
Re: 商品詳細ページの規格ごとにカートボタンを付けたい | SATC3 | 2017/9/8 12:27 |