小さな会社のためのECサイトプロデュース|ブレイントラスト
  • Yahoo!コマースパートナーBest Store Awards 2020特別賞
  • Yahoo!コマースパートナー認定

ヤフーのTOPページをトリプルを使って制作したのですが、スマホ対応になりません。スマホ用ページを表示させる良い方法はないでしょうか?

ヘッダータグ内に下記Javascriptを入れてください。
<script type=”text/javascript”>
<!–
var agent = navigator.userAgent;
if(agent.search(/iPhone/) != -1 || agent.search(/iPad/) != -1 || agent.search(/iPod/) != -1 || agent.search(/Android/) != -1){
if(confirm(‘スマホ対応サイトを表示しますか?’)){
location.href = “http://store.shopping.yahoo.co.jp/ショップID/”;
}
}
–>
</script>
この方法を使うと、スマホ用ページを表示させることが出来ます。
「ショップID」のところは、ご自身のショップIDをいれていただき、試してみて下さい。