カテゴリー別のランキング表について

Question

こんにちは

下記のページですが
トップページ
http://www.rakuten.ne.jp/gold/chum-chum/

こちらのページの上部よりお知らせの下のランキングの下の
カテゴリーランキングですがトップスを押すと5位までの表示
ボトムすを押すと5位までの表示となっておりますが
こちらはシステムの利用でこの様な表示となっておりますでしょうか？
自社HTMLでもこの表を作成する事は可能でしょうか？

また商品ページにも同様の物があります
一例ですが
https://ec-masters.club/forum/post_view.php?id=3327

こちら買い物かごの下にカテゴリーランキングがありました

PCページで見ておりますが、goldのスマホページにも同様に両方反映出来ればと
思っております

ややこしくてすいませんがどうぞよろしくお願い致します。

Answer

ECマスターズの田中です。

＞こちらはシステムの利用でこの様な表示となっておりますでしょうか？

ソースを確認したところ、自動で操作されている形跡はなく、
手動でHTMLを作成されているようです。
http://www.rakuten.ne.jp/gold/chum-chum/test/ranking-tab.html
上記URLに「test」と含まれていることから、
試験的に設置したものをそのまま公開用に利用していると推測できます。

＞自社HTMLでもこの表を作成する事は可能でしょうか？

はい、可能です。

タブによって表示を切り替えるには、jQuery UI の タブ切り替え機能をご利用ください。

http://jquery.nj-clucker.com/jquery-ui-file-load/
上記URLの「ダウンロードして利用する場合」の通り、
必要なファイルをダウンロードおよびGOLDへアップロードしていただき、
http://jquery.nj-clucker.com/tabs-change/
上記URLの記事をご参考の上、タブ切り替え機能の実装を行ってください。

＞こちら買い物かごの下にカテゴリーランキングがありました
すみません、リンク先の記事にて、
買い物かごの下にカテゴリーランキングがある商品が見つかりませんでした。
自社かシステム利用かを確認する必要がある場合は、
商品ページのURL、およびPC・スマートフォン用のどちらかをお知らせください。

＞PCページで見ておりますが、goldのスマホページにも同様に両方反映出来ればと
＞思っております

たとえば、
http://www.rakuten.ne.jp/gold/chum-chum/test/ranking-tab.html
のように、独立したランキングページを作る場合、
goldのスマートフォン用ページの中でタグを利用して、
ランキングページを埋め込んでいただければ結構です。

スマートフォン用ページに埋め込んでご利用いただく場合、
の横幅は基本的に100%で設定されると思います。
その場合、表示される横幅は端末によって変わりますので、
どのような横幅でも綺麗に表示される（レスポンシブ）デザインを意識して
ランキングページを作成していただきますようお願いします。

Answer

ありがとうございました
ひとまず上記の件色々試して見ます
お返事遅くなり申し訳ないです(>_