navigation>年末年始休業につきまして【本日】誠に勝手ながら、全社員研修のため、2017年4月20日(木)の13:00以降はお電話によるサポート受付を休止させていただきます。おわりにECサイト運営で使える便利なjQueryはじめにこんにちは、サポート部の井上です。今回はASPを使用したECサイト制作で使える、便利なjQueryをいくつか紹介します。ASPでのECサイトは便利な反面、よく「ASP側で生成されている要素があるから細かい調整がしにくい」といった声をいただきますが、jQueryを使用することで比較的ソースコードの調整もユーザー側で可能になります。目次1.文面を変更する2.URLを取得して表示を切り替える3.要素の数に応じてHTMLを書き換える4.クラスが付いていない箇所にクラスを付与する5.クラスが付いている箇所にテキストを割りこませる1.文面を変更するASPでECサイトを制作していると、しばしば文字がデフォルトで入力されており、管理画面から変更できない事があります。いった文章を取得して、指定の変更する事ができる設定です。});});上のケースでは、「変更前文章」と書かれている部分が全て「変更後文章をここに」という文章に変更されます。2.URLを取得してCSSを切り替えるURLの文字列を取得して、該当箇所にクラスを付与する事ができます。「該当のURLが入っている商品のみカートボタンを表示させない」等の設定が可能になります。今回はカートボタンに”.sysCartButton”というクラスが付いている場合で説明させていただきます。}});このnewClassに対して、以下の様なCSSを入力する事で「URLに”aaaaa”という文字列がある時のみ”カートボタン(.sysCartButton)”を表示させない」という設定が可能です。.newClass{display:none;}3.要素の数に応じてHTMLを書き換えるページ内にある要素の数に合わせてHTMLを書き換える事ができる設定です。これを応用する事で「カート内の商品が4件以上もしくは2件以下だったら文章を表示させる」等の設定が可能です。});});4.クラスが付いていない箇所にクラスを付与するASPでECサイトを制作していると、しばしばHTMLがデフォルトで入力されており、管理画面からクラスが付与できない事があります。そのような際に、任意の箇所にクラスを付与する事ができる設定です。$(function(){//"セレクタで指定したdivタグにクラスが付いていない場合、「newClass」というクラスを付与します。div").addClass("newClass");});5.クラスが付いている箇所にテキストを割りこませる4との合わせ技で、クラスが元々無かった部分に文言を付与する事ができます。$(function(){//"付与したtextareaタグにテキストを割り込ませます。$(".textinput").text("このテキストが備考欄に入力されます")});おわりにjqueryやJavaScriptはHTML初心者には少しとっつきにくい印象がありますが、非常に便利です。フロント側で出来ることの幅も大きく広がりますので、ぜひチャレンジしてみてください。井上”スマホで売れる”ためには必須の「レスポンシブECサイト」とは?2019年、ECサイトの利用者は今やスマ―トフォンからが7割を超え、市場のニーズは完全にPCからスマホに転換しました。検索エンジン大手のGoogleも「モバイルファーストインデックス」を打ち出し、スマホ対応の手段として正式に「レスポンシブWEBデザイン」を推奨しています。そのような背景から、昨今のEC市場ではスマートフォンへの適切な対応が急務となっており「レスポンシブECサイト」のニーズが非常に高まってきています。本パンフレットではECサイト運営を取り巻く環境の変化を、レスポンシブECサイト構築導入実績No.1のプラットフォームである「aishipR」の機能や実績を踏まえながらまとめました。・レスポンシブECサイトがなぜ今選ばれるのか・これまでのECサイトの課題とは何なのか・どのようにすれば解決できるのかといったノウハウから、プラットフォーム変更で得られる効果の実例まで網羅して解説しています。ECサイトの運営されておられる経営者様だけでなく、運営担当者様にも必ずお役に立つ内容となっておりますので、是非ご活用ください。無料パンフレットを請求するABOUTモバイルファーストマーケティングラボとは、スマートフォン/タブレット/PCに対応したレスポンシブECサイトの構築や成功事例の最新情報を発信するブログです。2015.10.22こんにちは、サポート部の山本です。2013.03.12日々ウェブで検索していると、レスポンシブデザインで制作されたサイトが多くなってきたことに気づきます。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。自社ECサイト運営でASPをオススメする理由モバイルファーストラボ。