バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

フロント機能

新規スレッドを追加する

スレッド表示 | 古いものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
k_ko
投稿日時: 2023/5/18 16:54
対応状況: 解決済
新米
登録日: 2023/3/15
居住地:
投稿: 3
Re: 商品詳細画面で個数を追加するときに+-ボタンを新たに追加したい
ありがとうございます!
mcontact
投稿日時: 2023/5/17 18:44
対応状況: −−−
登録日: 2022/1/22
居住地:
投稿: 1351
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/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個追加されて表示されている

なにか良い方法ご存知でしたらご教示よろしくお願いいたします。
スレッド表示 | 古いものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は90,168名です
総投稿数は110,324件です

投稿数ランキング

1
seasoft
7369
2
468
3217
3
AMUAMU
2712
4
nanasess
2314
5
umebius
2085
6
yuh
1819
7
h_tanaka
1682
8
red
1571
9
mcontact
1351
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

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

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