バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

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

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
banajin
投稿日時: 2024/2/3 4:25
対応状況: −−−
常連
登録日: 2023/10/24
居住地:
投稿: 34
カートのリアルタイム更新について
▼テンプレート
[EC-CUBE] 4.2.3
[レンタルサーバ] エックスサーバー
[PHP] 8.1
[データベース] MYSql
[カスタマイズの有無] カートのテンプレートのいらない部分を消している。(カートに商品を入れている状態でクリックすると商品が表示される部分のみ消している。)
[現象] カートのリアルタイム更新をした際にcssとhtmlを上書きされる為デザインが変わってしまいます。解決方法ってありますでしょうか?すいませんがよろしくお願いします。
mcontact
投稿日時: 2024/2/3 8:36
対応状況: −−−
登録日: 2022/1/22
居住地:
投稿: 1196
Re: カートのリアルタイム更新について
> [現象] カートのリアルタイム更新をした際にcssとhtmlを上書きされる為デザインが変わってしまいます。解決方法ってありますでしょうか?すいませんがよろしくお願いします。

上書きされてどの様にデザインが変わってしまうのでしょうか?
そして、どの様になると解決になると判断しているのでしょうか?
今一つ書かれている内容がわかりにくいです。


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

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

mcontactさんは書きました:
> [現象] カートのリアルタイム更新をした際にcssとhtmlを上書きされる為デザインが変わってしまいます。解決方法ってありますでしょうか?すいませんがよろしくお願いします。

上書きされてどの様にデザインが変わってしまうのでしょうか?
そして、どの様になると解決になると判断しているのでしょうか?
今一つ書かれている内容がわかりにくいです。

すいません。細かく書きます。
上書きされてテンプレートのhtmlとcssのデザインへ戻されてしまいます。
本当は僕の設定したhtmlとcssのままリアルタイム更新したいです。
例えばjsのコードの位置直し方の教えて戴けると助かります。
tattsu
投稿日時: 2024/2/3 12:57
対応状況: −−−
一人前
登録日: 2023/12/23
居住地:
投稿: 140
Re: カートのリアルタイム更新について
「カートに商品を入れている状態でクリックすると商品が表示される部分のみ消している。」ということですが、

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

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


----------------
-------------------
EC-CUBEカスタマイズご相談ください

mcontact
投稿日時: 2024/2/3 19:25
対応状況: −−−
登録日: 2022/1/22
居住地:
投稿: 1196
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/
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

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

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

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

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


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

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


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

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

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

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


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

jsとhtmlに間違いがない確認しましたが、あっておりカート情報が更新がされた後はjsが効かなくなります。カートの内容を変えているのでhtmlのclassは独自に設定したものになっておりコードミスはなかったので問題はないかと,,,
tattsu
投稿日時: 2024/2/3 20:24
対応状況: −−−
一人前
登録日: 2023/12/23
居住地:
投稿: 140
Re: カートのリアルタイム更新について
おそらくエラーではないですね

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

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


----------------
-------------------
EC-CUBEカスタマイズご相談ください

banajin
投稿日時: 2024/2/4 0:12
対応状況: −−−
常連
登録日: 2023/10/24
居住地:
投稿: 34
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>で囲めばいい等感じでしょうか?
(1) 2 »
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は87,702名です
総投稿数は109,435件です

投稿数ランキング

1
seasoft
7364
2
468
3217
3
AMUAMU
2712
4
nanasess
2302
5
umebius
2085
6
yuh
1807
7
h_tanaka
1597
8
red
1567
9
mcontact
1196
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
796
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.