バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > その他 > 商品詳細ページのスマホ時のカートへの遷移について

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
mm202106
投稿日時: 2023/8/21 11:04
対応状況: −−−
半人前
登録日: 2021/7/8
居住地:
投稿: 21
商品詳細ページのスマホ時のカートへの遷移について
項目が選択されていない場合、PCでは「項目が選択されていません」とうエラーメッセージが表示されるのですが、スマホの場合表示されません。
以下、関係していそうなjsです。
<script>
$(function() {
$('.add-cart').on('click', function(event) {
// 規格1フォームの必須チェック
if ($('#classcategory_id1').val() == '__unselected' || $('#classcategory_id1').val() == '') {
$('#classcategory_id1')[0].setCustomValidity('項目が選択されていません');
return true;
} else {
$('#classcategory_id1')[0].setCustomValidity('');
}


// 個数フォームのチェック
if ($('#quantity').val() < 1) {
$('#quantity')[0].setCustomValidity('1以上で入力してください。');
return true;
} else {
$('#quantity')[0].setCustomValidity('');
}

event.preventDefault();
$form = $('#form1');
$.ajax({
url: $form.attr('action'),
type: $form.attr('method'),
data: $form.serialize(),
dataType: 'json',
beforeSend: function(xhr, settings) {
// Buttonを無効にする
$('.add-cart').prop('disabled', true);
}
}).done(function(data) {
// レスポンス内のメッセージをalertで表示
$.each(data.messages, function() {
$('#ec-modal-header').html(this);
});

$('#ec-modal-checkbox').prop('checked', true);

// カートブロックを更新する
$.ajax({
url: "https://www.crastina.jp/block/cart",
type: 'GET',
dataType: 'html'
}).done(function(html) {
$('.ec-headerRole__cart').html(html);
});
}).fail(function(data) {
alert('カートへの追加に失敗しました。');
}).always(function(data) {
// Buttonを有効にする
$('.add-cart').prop('disabled', false);
});
});
});
</script>
mcontact
投稿日時: 2023/8/21 18:08
対応状況: −−−
登録日: 2022/1/22
居住地:
投稿: 1469
Re: 商品詳細ページのスマホ時のカートへの遷移について
jsには、スマホに対する非表示処理は入っていないと思います。
CSSやその他の処理等で制御しているのではないでしょうか?


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

mm202106
投稿日時: 2023/8/22 11:15
対応状況: −−−
半人前
登録日: 2021/7/8
居住地:
投稿: 21
Re: 商品詳細ページのスマホ時のカートへの遷移について
ご回答いただきありがとうございます。

cssを確認しようと思うのですが、『項目が選択されていません』の要素のidもしくはclass名はわかりますでしょうか?
mcontact
投稿日時: 2023/8/22 12:08
対応状況: −−−
登録日: 2022/1/22
居住地:
投稿: 1469
Re: 商品詳細ページのスマホ時のカートへの遷移について
引用:
$('#classcategory_id1')[0].setCustomValidity('項目が選択されていません');


あたりで設定していると思いますが…
詳しいことは、御社のサイトを製作したデザイナーさんや開発者さんに聞くと良いと思います。


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

スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は93,749名です
総投稿数は111,095件です

投稿数ランキング

1
seasoft
7369
2
468
3217
3
AMUAMU
2712
4
nanasess
2318
5
umebius
2085
6
yuh
1858
7
h_tanaka
1760
8
red
1574
9
mcontact
1469
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
804
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.