マニュアル

にぎわいランキングR3の「ルール編集」を使うと「Jeans」「Tops」「Goods」といった
ジャンル別のランキングを作成いただけます。

ジャンル別のランキングを出せるように設定をしたら
以下のタブテンプレートに組み込むことで
切り替えて表示することができます。

※Yahoo!ショッピングでもYahoo!トリプルの契約があれば
　やり方は同様です。


【やり方】

最終設置用のHTMLテンプレートに「にぎわいランキングR3」の設置ソース（iframe）を入れて
そのファイルを楽天ゴールドにアップして、更にiframeで呼び出す形でショップに設置します。

以下詳細手順になります。


１）以下のファイルをダウンロード
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
　https://www.intecrece.co.jp/ec/doc/melmaga/tab-ranking.zip

　パソコンに保存後にtab-ranking.zipの上で
　右クリック＞全て展開


２）楽天GOLDへのFTP設定
￣￣￣￣￣￣￣￣￣￣￣￣
　楽天GOLDにFTP接続が必要となります。
　分からない方は以下のマニュアル参考に設定願います。

　[楽天GOLD] FTPソフトの設定方法：FFFTP（要RMSログイン）


３）１）でダウンロードしたファイル「tab-pc.html」を開きます。
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
　メモ帳で開けます


４）ファイルを開いたら以下の箇所を修正します。
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣

ファイルの中の以下の箇所を修正します。


<!-- ★タブ1の内容：ECステーションから出力したソースを<div id="tabs-0"> と </div>の間に入れる-->
<div id="tabs-0"></div>


<!-- ★タブ2の内容：ECステーションから出力したソースを<div id="tabs-0"> と </div>の間に入れる-->
<div id="tabs-1"></div>


<!-- ★タブ3の内容：ECステーションから出力したソースを<div id="tabs-0"> と </div>の間に入れる-->
<div id="tabs-2"></div>




＝＝＝以下サンプルのようにします＝＝＝

<!-- タブ1の内容 -->
<div id="tabs-0">
<iframe src="https://www.rakuten.ne.jp/gold/vari/ecstation/rankingA_2.html" name="ranking" frameborder="0" width="760" height="250">
この部分に注文状況が表示されます</iframe>
</div>

<!-- タブ2の内容 -->
<div id="tabs-1">
<iframe src="https://www.rakuten.ne.jp/gold/vari/ecstation/rankingB_2.html" name="ranking" frameborder="0" width="760" height="250">
この部分に注文状況が表示されます</iframe>
</div>

<!-- タブ3の内容 -->
<div id="tabs-2">
<iframe src="https://www.rakuten.ne.jp/gold/vari/ecstation/rankingC_2.html" name="ranking" frameborder="0" width="760" height="250">
この部分に注文状況が表示されます</iframe>
</div>




５）同じく以下の箇所の「★タブ0～2」の部分を修正します。
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
「Jeans」「Tops」「Goods」などのジャンル名を入れます。

<li><a href="#tabs-0">★タブ0</a></li>
<li><a href="#tabs-1">★タブ1</a></li>
<li><a href="#tabs-2">★タブ2</a></li>


６）ファイルを保存して閉じます。
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣

７）作成したファイル一式を楽天ゴールドに転送します。
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
全て同じフォルダに入れてください。


８）転送したファイルのURLを下記の★に入れます。
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
７）で「tab」というフォルダを作成して転送した場合のURLは
以下のようになります。

http://www.rakuten.ne.jp/gold/ショップURL/tab/tab-pc.html


★にファイルのリンクURLを入れます。


<iframe src="★" name="ranking" frameborder="0" width="760" height="300" scrolling="no">
ランキング</iframe>



　・中に入れるテンプレートサイズに応じて
　「width」「height」は適宜調整をお願いします。


９）表示させたい場所に上記８）を設置します。
￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣



スマートフォンでは３）以降の作業を「tab-smp.html」にて
行ってください。
なお、スマホ商品ページやスマホトップページには
iframeタグが使えませんので設置できません。
（ご希望の方は弊社企画部までご相談願います）

まるごとスマホを使用して楽天GOLDに作成したページの中に
設置いただく形です。



－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
※HTML直接入力ブロックに記述するHTML、javascriptに就きましては
　ECステーションサービスとしては正式サポート外となります。
　予めご了承の程お願い申し上げます。
 （とは言え、なにかあれば企画部あてご連絡ください。）
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－