バージョン選択

フォーラム

メニュー

オンライン状況

24 人のユーザが現在オンラインです。 (7 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 24
もっと...

サイト内検索

質問 > フロント機能 > 商品詳細画面で個数を追加するときに+-ボタンを新たに追加したい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
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個追加されて表示されている

なにか良い方法ご存知でしたらご教示よろしくお願いいたします。
mcontact
投稿日時: 2023/5/17 18:44
対応状況: −−−
仙人
登録日: 2022/1/22
居住地:
投稿: 629
Re: 商品詳細画面で個数を追加するときに+-ボタンを新たに追加したい
> +ボタンを押すと+1されるがカート画面に遷移してしまう。
カート画面に遷移するのは、

引用:
<button class="button" id="down">-</button>
{{ form_widget(form.quantity) }}
{{ form_errors(form.quantity) }}
<button class="button" id="up">+</button>

にtype属性がないからです。

https://zenn.dev/rabee/articles/form-submit-button-type-default


----------------
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
EC-CUBEインテグレートパートナー
M&I Works
URL: https://miworks.biz/
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

k_ko
投稿日時: 2023/5/18 16:54
対応状況: 解決済
新米
登録日: 2023/3/15
居住地:
投稿: 3
Re: 商品詳細画面で個数を追加するときに+-ボタンを新たに追加したい
ありがとうございます!
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン



統計情報

総メンバー数は80,520名です
総投稿数は106,854件です

投稿数ランキング

1
seasoft
7334
2
468
3217
3
AMUAMU
2712
4
nanasess
2281
5
umebius
2085
6
yuh
1776
7
red
1558
8
h_tanaka
1308
9
tsuji
957
10
fukap
907
11
shutta
835
12
tao_s
794
13 ramrun 789
14 karin 689
15 sumida 641
16
homan
633
17
mcontact
629
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.