バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > カートのリアルタイム更新について

フロント機能

新規スレッドを追加する

スレッド表示 | 古いものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
tattsu
投稿日時: 2024/2/7 8:19
対応状況: −−−
長老
登録日: 2023/12/23
居住地:
投稿: 225
Re: カートのリアルタイム更新について
すでにcartという変数が宣言されているという内容です。

自作された部分のコードを見直してみてください。


----------------
-------------------
EC-CUBEカスタマイズ・バージョンアップ・不具合修正 
気軽にご相談ください。ゴールドランクパートナー。

banajin
投稿日時: 2024/2/5 16:36
対応状況: −−−
常連
登録日: 2023/10/24
居住地:
投稿: 39
Re: カートのリアルタイム更新について
引用:

tattsuさんは書きました:
<a>タグなんですね。

だとすると書き込んだjsファイルというものが干渉しているかもしれませんし、<a>要素の上に何か重なってるかもしないですし、今の情報からはなんとも言えないですね。

ブラウザのdeveloperツールでデバッグしてみるしかなさそうです。

少なくとも「jsが効かなくなります。」ということなので、jsのコードを書かないと分からないでしょうね。

javascriptでエラーが確認できました。初めて見るエラーです。

VM9387:1 Uncaught SyntaxError: Identifier 'cart' has already been declared
at w (jquery.js:133:12)
at He (jquery.js:6114:8)
at x.fn.init.append (jquery.js:6250:10)
at x.fn.init.<anonymous> (jquery.js:6344:18)
at U (jquery.js:4171:8)
at x.fn.init.html (jquery.js:6311:10)
at Object.<anonymous> (22:1302:51)
at l (jquery.js:3500:31)
at Object.fireWith [as resolveWith] (jquery.js:3630:7)
at C (jquery.js:9796:14)
w @ jquery.js:133
He @ jquery.js:6114
append @ jquery.js:6250
(匿名) @ jquery.js:6344
U @ jquery.js:4171
html @ jquery.js:6311
(匿名) @ 22:1302
l @ jquery.js:3500
fireWith @ jquery.js:3630
C @ jquery.js:9796
(匿名) @ jquery.js:10057
load(非同期)
send @ jquery.js:10076
ajax @ jquery.js:9690
(匿名) @ 22:1297
l @ jquery.js:3500
fireWith @ jquery.js:3630
C @ jquery.js:9796
(匿名) @ jquery.js:10057
load(非同期)
send @ jquery.js:10076
ajax @ jquery.js:9690
(匿名) @ 22:1279
dispatch @ jquery.js:5430
m.handle @ jquery.js:5234
他 20 件のフレームを表示
一部表示
banajin
投稿日時: 2024/2/4 12:26
対応状況: −−−
常連
登録日: 2023/10/24
居住地:
投稿: 39
Re: カートのリアルタイム更新について
引用:

tattsuさんは書きました:
<a>タグなんですね。

だとすると書き込んだjsファイルというものが干渉しているかもしれませんし、<a>要素の上に何か重なってるかもしないですし、今の情報からはなんとも言えないですね。

ブラウザのdeveloperツールでデバッグしてみるしかなさそうです。

少なくとも「jsが効かなくなります。」ということなので、jsのコードを書かないと分からないでしょうね。


コードの間違い等再度色々確認してみたんですが、やはり分からず,,,
jsコードはそんなに難しいことは書いていません。

下記js
// カート
const cart = document.querySelector(".cart__navi");
const cartAction = document.querySelector(".action__menu");
const cartBack = document.querySelector(".cart__back");
const cartNone = document.querySelector(".action__none");

// カートに進むor商品が入っていない場合のトグル
if (cart) {
cart.addEventListener("click", () => {
if (cartAction) cartAction.classList.toggle("action");
if (cartNone) cartNone.classList.toggle("action");
});
}

// カートから戻る場合のトグル
if (cartBack && cartAction) {
cartBack.addEventListener("click", () => {
cartAction.classList.toggle("action");
});
}


tattsu
投稿日時: 2024/2/4 10:40
対応状況: −−−
長老
登録日: 2023/12/23
居住地:
投稿: 225
Re: カートのリアルタイム更新について
<a>タグなんですね。

だとすると書き込んだjsファイルというものが干渉しているかもしれませんし、<a>要素の上に何か重なってるかもしないですし、今の情報からはなんとも言えないですね。

ブラウザのdeveloperツールでデバッグしてみるしかなさそうです。

少なくとも「jsが効かなくなります。」ということなので、jsのコードを書かないと分からないでしょうね。


----------------
-------------------
EC-CUBEカスタマイズ・バージョンアップ・不具合修正 
気軽にご相談ください。ゴールドランクパートナー。

banajin
投稿日時: 2024/2/4 0:12
対応状況: −−−
常連
登録日: 2023/10/24
居住地:
投稿: 39
Re: カートのリアルタイム更新について
引用:

tattsuさんは書きました:
おそらくエラーではないですね

もともとカートブロックにあったec-cartNaviIssetなどのクラスを消してしまっていませんか?

もともとのクラスを消してしまうと、javascriptが動作しなくなることがよくあります。


確かに表示をしたくない為消しています。私の表示したい所のみのコード。
{% if totalQuantity > 0 %}
<div class="cart__action">
<div class="action__menu">
<a class="cart__go" href="{{ url('cart') }}">{{ 'カートへ進む'|trans }}</a>
<a class="cart__back">{{ 'キャンセル'|trans }}</a>
</div>

{% else %}
<div class="action__none">
<div class="ec-cartNaviNull__message">
<p>{{ '現在カート内に商品はございません。'|trans }}</p>
</div>
</div>
</div>
{% endif %}
この周りに<div>で囲めばいい等感じでしょうか?
tattsu
投稿日時: 2024/2/3 20:24
対応状況: −−−
長老
登録日: 2023/12/23
居住地:
投稿: 225
Re: カートのリアルタイム更新について
おそらくエラーではないですね

もともとカートブロックにあったec-cartNaviIssetなどのクラスを消してしまっていませんか?

もともとのクラスを消してしまうと、javascriptが動作しなくなることがよくあります。


----------------
-------------------
EC-CUBEカスタマイズ・バージョンアップ・不具合修正 
気軽にご相談ください。ゴールドランクパートナー。

banajin
投稿日時: 2024/2/3 20:10
対応状況: −−−
常連
登録日: 2023/10/24
居住地:
投稿: 39
Re: カートのリアルタイム更新について
引用:

mcontactさんは書きました:
> 一つだけ不具合がありまして、商品を入れた後カートをクリックしても反応しなくなりました。(私の設定したjsが読み込まれていない?)私の書き込んだjsファイルの読み込みの位置が悪い?(読み込み場所はdefault__frame.twig内のeccube.jsの下で読み込んでます)改善方法のご教授をいただきたく。

JSでエラーが出ているなら、ブラウザ開発ツールのコンソール部にエラーが出ているはずです。
また、同じくブラウザ開発ツールでデバッグする事も出来るはずです。


エラーが出ておらずおそらく読み込まれていないような感じです。

jsとhtmlに間違いがない確認しましたが、あっておりカート情報が更新がされた後はjsが効かなくなります。カートの内容を変えているのでhtmlのclassは独自に設定したものになっておりコードミスはなかったので問題はないかと,,,
mcontact
投稿日時: 2024/2/3 20:04
対応状況: −−−
登録日: 2022/1/22
居住地:
投稿: 1299
Re: カートのリアルタイム更新について
> 一つだけ不具合がありまして、商品を入れた後カートをクリックしても反応しなくなりました。(私の設定したjsが読み込まれていない?)私の書き込んだjsファイルの読み込みの位置が悪い?(読み込み場所はdefault__frame.twig内のeccube.jsの下で読み込んでます)改善方法のご教授をいただきたく。

JSでエラーが出ているなら、ブラウザ開発ツールのコンソール部にエラーが出ているはずです。
また、同じくブラウザ開発ツールでデバッグする事も出来るはずです。


----------------
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
EC-CUBEインテグレートパートナー【ゴールド】ランク
M&I Works
URL: https://miworks.biz/
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

banajin
投稿日時: 2024/2/3 19:32
対応状況: −−−
常連
登録日: 2023/10/24
居住地:
投稿: 39
Re: カートのリアルタイム更新について
引用:

tattsuさんは書きました:
「カートに商品を入れている状態でクリックすると商品が表示される部分のみ消している。」ということですが、

初期状態では、コンテンツ管理>ブロック管理の「カート」ブロックが再読み込みされます。

「カート」ブロックを見直すのが良いかと思います。


カート内を修正する事でhtml変更しcssが効いた状態でリアルタイム反映され表示されるようになりました。ありがとうございます。
一つだけ不具合がありまして、商品を入れた後カートをクリックしても反応しなくなりました。(私の設定したjsが読み込まれていない?)私の書き込んだjsファイルの読み込みの位置が悪い?(読み込み場所はdefault__frame.twig内のeccube.jsの下で読み込んでます)改善方法のご教授をいただきたく。
mcontact
投稿日時: 2024/2/3 19:25
対応状況: −−−
登録日: 2022/1/22
居住地:
投稿: 1299
Re: カートのリアルタイム更新について
> 上書きされてテンプレートのhtmlとcssのデザインへ戻されてしまいます。
> 本当は僕の設定したhtmlとcssのままリアルタイム更新したいです。
> 例えばjsのコードの位置直し方の教えて戴けると助かります。

まず、どの画面のどの箇所を言っているのか説明が不十分なので分りません。
仮に、フロント側のトップページ等にあるカートに入っている商品数・金額というであれば下記です。

●twig部
https://github.com/EC-CUBE/ec-cube/blob/4.2/src/Eccube/Resource/template/default/Block/cart.twig


----------------
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
EC-CUBEインテグレートパートナー【ゴールド】ランク
M&I Works
URL: https://miworks.biz/
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

(1) 2 »
スレッド表示 | 古いものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は89,254名です
総投稿数は110,059件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2314
5
umebius
2085
6
yuh
1819
7
h_tanaka
1652
8
red
1570
9
mcontact
1299
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.