質問 > フロント機能 > 商品詳細ページの規格ごとにカートボタンを付けたい |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
SATC3 |
投稿日時: 2017/8/2 3:38
対応状況: −−−
|
半人前 登録日: 2017/8/2 居住地: 投稿: 14 |
商品詳細ページの規格ごとにカートボタンを付けたい [EC-CUBE] Ver 3.0.14 新規インストール
ご教授ください。 商品詳細ページの規格を一覧で表示してそれぞれにカートボタンを付けたいのですが。 参考サイト http://zozo.jp/shop/mono-mart/goods-sale/21789235/?did=41369000&rid=1003 こんな感じにしたいのですが可能でしょうか。 ECCUBE使用歴がまだ浅いもので色々手こずっております。 宜しくお願いいたします。 |
umebius |
投稿日時: 2017/8/2 6:55
対応状況: −−−
|
神 登録日: 2016/7/22 居住地: 投稿: 2085 |
Re: 商品詳細ページの規格ごとにカートボタンを付けたい 可能です。考え方としてはAddCartTypeのフォームをボタン分作成して表示してやるか、もしくはAddCartTypeのフォームは1つだけにしておいてボタンを押した時にjavascriptでproduct_class_idとproduct_idの<input>を動的に切り替えるかどちらかかかと思います。
|
SATC3 |
投稿日時: 2017/8/4 1:52
対応状況: 確認中
|
半人前 登録日: 2017/8/2 居住地: 投稿: 14 |
Re: 商品詳細ページの規格ごとにカートボタンを付けたい umebius 様
早々のご返信ありがとうございます。 まだ試せておりませんが、心強いご回答で希望がわきました。 ファイルの場所などまだ全て把握できていなく 上手くできるかどうかなのですが、少し考えて試してみます。 試したらまたご報告させていただきす。 ありがとうございます。 |
umebius |
投稿日時: 2017/8/6 20:33
対応状況: −−−
|
神 登録日: 2016/7/22 居住地: 投稿: 2085 |
Re: 商品詳細ページの規格ごとにカートボタンを付けたい 了解致しました。
試して見てエラーなどのご質問であれば具体的に回答できると思いますので 、ぜひ色々とお試しいただければと存じます。
|
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/9/8 12:27
対応状況: 解決済
|
半人前 登録日: 2017/8/2 居住地: 投稿: 14 |
Re: 商品詳細ページの規格ごとにカートボタンを付けたい 自己解決しました。
<div style="display: none"> <input type="hidden" id="mode" name="mode" value=""> </div> ここのvalueにadd_cartをあらかじめセットしておくことで。 全ての商品がカートに入るようになりました。 umebius 様 ありがとうございました。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |