• 文字サイズ
解決済

ヤフースマホサイトのJQueryアコーディオン使用について

  • 相談者:非公開
  • 2016/02/17 15:31
いつもお世話になります。
Y!ショッピングのスマホ向けページにて、トリプルを使って「お買い物ガイド」のインフォメーションページを設置しようと思っているのですが、設置方法に関して疑問に思いましたのでご質問させていただきます。

「お買い物ガイド」は、注文時の注意点、配送や支払い等、全部で8項目の構成になっており、ページのトップにナビゲーションメニューのボタンをタテに並べて、ページ内の各セクションにリンクさせる構造にしようと思っています。

ページを作成してみたところ、ページのトップから8項目目の最後までとても長くなってしまい、とてもスマホページではそのままの状態で設置できそうにありません。

そこで、JQueryのアコーディオン機能を使って、目的の項目のみ表示させ他の項目を隠す、ということを思いつきました。
そして、いざ設置の段階になって、「ページ全体はかなりのボリュームがあるので、読み込むのに時間がかかったり、離脱したりするのでは?」と疑問に思いはじめました。

各項目にはそれぞれ、テキストの他、2枚〜6枚程度のキャプション画像(1枚50KB~100KB程度)も使ってあり、ページ全体にしますと30枚以上の画像があります。

それとも、今のスマートフォンは、そのような事はあまり気にぜずにPCサイトを同じように作っても良いものなのでしょうか。

もし、上記のやり方で問題があるようでしたら、素直に項目ごとに別ページにしてしまおうか、とも思っています。

アドバイスをよろしくお願いいたします。


投稿内容について報告する




  • 返信者:非公開
  • 2016/02/17 18:32
ECマスターズの田中です。

スマホ向けのお買いものガイドページでも、
「お支払いについて」や「送料、お届けについて」といった項目を
アコーディオン形式………(省略)………
  • 返信者:非公開(質問者)
  • 2016/02/17 18:49
さっそくご回答ありがとうございました。
なるほど、規定のinfoページでも、同様に要素を隠して、一部のみ表示する方法で構成されているのですね。
安心しました………(省略)………