質問 > その他 > 商品詳細ページのスマホ時のカートへの遷移について |
その他
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
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やその他の処理等で制御しているのではないでしょうか?
|
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('項目が選択されていません'); あたりで設定していると思いますが… 詳しいことは、御社のサイトを製作したデザイナーさんや開発者さんに聞くと良いと思います。
|
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |