バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > 管理機能 > 規格を選択せずにカートボタンを押したときに、ページ上部に戻らないようにしたい

管理機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
rrr1234567
投稿日時: 2018/5/30 10:47
対応状況: −−−
半人前
登録日: 2017/11/16
居住地:
投稿: 16
規格を選択せずにカートボタンを押したときに、ページ上部に戻らないようにしたい
規格にカラーバリエーションを設定しています。

購入者が、規格の「選択したください」プルダウンから、
カラー(規格)を選ばずに、カートボタンを押してしまった場合、

標準の仕様だと、ページの上部に戻ってしまいます。

ページを長く作っているので、もういちど
商品の説明部分をスクロールして、カート付近までいかないと

なぜカートに入らなかったのか、購入者が理解できない状況です。

カート部分に戻ると、
「入力されていません。」
というエラーメッセージが表示されていますが
気付かずに離脱してしまう方もいると思います。

この部分を、購入者にわかりやすい表示に変えたいと思っています。



①規格を選択し忘れた場合に、ページをリロードせずに、
また表示しているカート付近の位置から動かずに、
「カラーを選択してください」というエラーメッセージを
出すことはできますか


②もし、上記①が難しい場合、
ページの1番上に、エラーメッセージを出すことはできますか。


解決方法が分かる方がいらっしゃいましたら、
よろしくお願いいたします。




==========================
バージョン:EC-CUBE 3.0.13
サーバー:さくらサーバー(レンタルサーバー、スタンダード)
OS:Win10 もしくは Win7
PHP:PHP 7.1
データベース:MySQL 5.7
ブラウザ:Google Chrome
matchbou
投稿日時: 2018/5/30 11:25
対応状況: −−−
一人前
登録日: 2018/3/19
居住地:
投稿: 130
Re: 規格を選択せずにカートボタンを押したときに、ページ上部に戻らないようにしたい
①規格を選択し忘れた場合に、ページをリロードせずに、
また表示しているカート付近の位置から動かずに、
「カラーを選択してください」というエラーメッセージを
出すことはできますか

→ページ上部にいかないようにするのであれば、jqueryで対応するのがいいと思います。

②もし、上記①が難しい場合、
ページの1番上に、エラーメッセージを出すことはできますか。

→規格のプログラムがあると思いますが、こちらのform_widgetをなくした以下のプログラムを{% block main %}の下に移動すればエラーメッセージのみ移動できます。


{# 規格 #}
{% if form.classcategory_id1 is defined %}
    {# 規格1 #}
        {{ form_errors(form.classcategory_id1) }}
    {# 規格2 #}
    {% if form.classcategory_id2 is defined %}
            {{ form_errors(form.classcategory_id2) }}
     {% endif %}
{% endif %}


----------------
アイフォーコム株式会社
お問い合わせ URL:https://www.iforcom.jp/ec/
tel:045-412-3010
EC-CUBEの構築・カスタマイズは有償で承ります。ご相談下さい

rrr1234567
投稿日時: 2018/5/30 12:51
対応状況: −−−
半人前
登録日: 2017/11/16
居住地:
投稿: 16
Re: 規格を選択せずにカートボタンを押したときに、ページ上部に戻らないようにしたい
ご質問失礼致します。

①のjQueryを用いて対応してみましたが、うまくいきません。
どのような記述をすればよろしいでしょうか。

ご回答お願いします。
matchbou
投稿日時: 2018/5/30 13:48
対応状況: −−−
一人前
登録日: 2018/3/19
居住地:
投稿: 130
Re: 規格を選択せずにカートボタンを押したときに、ページ上部に戻らないようにしたい
商品詳細ページのscript箇所に
$('#add-cart').click(function() {

がありますが、その内部を
{% if form.classcategory_id1 is defined %}
    if ($('#classcategory_id1').val() == "__unselected") {
      alert("規格が選択されておりません");
      return false;
    } else {
      $('#mode').val('add_cart');
    }
{% else %}
  $('#mode').val('add_cart');
{% endif %}

とすれば、「カートに入れる」ボタンを押下した時点で規格がある場合、規格が選択されていなければ、alertが出てページが上部に移動しません。ただ、「カートに入れる」ボタンでマスクがかかるので、その解除や追加と二重登録禁止の為にボタンが切り替わるので、その解除や追加をjqueryで処理を追加すれば出来るかと思います。


----------------
アイフォーコム株式会社
お問い合わせ URL:https://www.iforcom.jp/ec/
tel:045-412-3010
EC-CUBEの構築・カスタマイズは有償で承ります。ご相談下さい

rrr1234567
投稿日時: 2018/5/31 10:26
対応状況: −−−
半人前
登録日: 2017/11/16
居住地:
投稿: 16
Re: 規格を選択せずにカートボタンを押したときに、ページ上部に戻らないようにしたい
ご回答ありがとうございます。

無事、対応することができました。

また機会がございましたら
よろしくお願い致します。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は88,894名です
総投稿数は110,002件です

投稿数ランキング

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