質問 > フロント機能 > 商品詳細画面で個数を追加するときに+-ボタンを新たに追加したい |
フロント機能
スレッド表示 | 古いものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
k_ko |
投稿日時: 2023/5/18 16:54
対応状況: 解決済
|
新米 登録日: 2023/3/15 居住地: 投稿: 3 |
Re: 商品詳細画面で個数を追加するときに+-ボタンを新たに追加したい ありがとうございます!
|
mcontact |
投稿日時: 2023/5/17 18:44
対応状況: −−−
|
神 登録日: 2022/1/22 居住地: 投稿: 1466 |
Re: 商品詳細画面で個数を追加するときに+-ボタンを新たに追加したい > +ボタンを押すと+1されるがカート画面に遷移してしまう。
カート画面に遷移するのは、 引用: <button class="button" id="down">-</button> にtype属性がないからです。 https://zenn.dev/rabee/articles/form-submit-button-type-default
|
k_ko |
投稿日時: 2023/5/17 11:43
対応状況: −−−
|
新米 登録日: 2023/3/15 居住地: 投稿: 3 |
商品詳細画面で個数を追加するときに+-ボタンを新たに追加したい ▼テンプレート
[EC-CUBE] EC-CUBEのバージョン、新規インストールかアップ [環境]ローカル開発環境 ●やりたいこと 商品詳細画面で個数を追加を既存のスピンボタンではなく、新たに+-ボタンを追加したい ●やってみたこと src/Eccube/Resource/template/default/Product/detail.twig <script> window.onload = function() { // オブジェクトと変数の準備 var count_disp = document.getElementById("quantity"); var count_up_btn = document.getElementById("up"); var down_btn = document.getElementById("down"); var count_value = 0; // カウントアップボタンクリック処理 count_up_btn.onclick = function (){ count_value++; count_disp.innerHTML = count_value; // カウントアップボタンクリック処理 }; down_btn.onclick = function (){ count_value--; count_disp.innerHTML = count_value; // カウントダウンボタンクリック処理 }; }; </script> {% if is_granted('ROLE_USER') %} <div class="ec-numberInput"><span>{{ '数量'|trans }}</span> <div class="spinner-container"> <div class="field"> <button class="button" id="down">-</button> {{ form_widget(form.quantity) }} {{ form_errors(form.quantity) }} <button class="button" id="up">+</button> </div> {% endif %} ●試した結果 +ボタンを押すと+1されるがカート画面に遷移してしまう。 +ボタンを5回押すとカート画面に14個追加されて表示されている なにか良い方法ご存知でしたらご教示よろしくお願いいたします。 |
スレッド表示 | 古いものから | 前のトピック | 次のトピック | トップ |