へっぽこコーダーの備忘録

phpやらjavascriptやら、使った技術をすぐに忘れちゃうから、おぼえがき程度に書いていきまーす
2015.03.05

楽天GOLDでショップデザインを一新する手順☆

楽天GOLDを使って、ストアのデザインをお洒落にしたいときの作業手順だよ☆

 

1.FTPでトップページのファイルをGOLD用のサーバにアップ

 とりあえず、この時点ではトップページの作り込みは終えている前提です。

 トップページのHTMLやCSS、画像を一気にGOLDサーバにアップします。

 最初FTPでアクセスしたらパスが「/」だと思うから、そこにindex.htmlを設置すればOK。

 ちなみに、HTMLでヘッダー、サイド、フッターは<iframe>でファイルを分けておく必要があるよ。

 

2.ストアアクセス時にGOLDで作ったトップが表示されるようにする設定

 「1」でファイルをアップしただけじゃ、せっかく作ったオサレなページは表示できないのです。RMSで、GOLDのサーバにおいたページを表示させるぜ!っていう設定をする必要があるのです。

 手順は

 ⅰ.RMSにログイン後、RMSのいちばーん上のヘッダにある「従来デザイン表示」をクリック。

 ⅱ.「お店を作る」をクリック!!

 ⅲ.「旧R-Storefront」の右横の「go!」で次のページへGOしちゃいましょう。

    f:id:sawayaka4kumi:20150305221426j:plain

 

 ⅳ.「画面の上」をクリック!

 ⅴ.「トップページジャンプ」をクリック!

 ⅵ.「GOLDで作成のトップページにジャンプする」にチェックです!

で、「○秒後にジャンプする」の秒数を決めてやれば、これでOK!

なのですが、この秒数がミソで、この秒数は普通のストアトップにアクセスたとき、何秒後にGOLDのページにリダイレクトされるかって設定です。私的には0秒でいいと思いますし、実際そうしてます。

しかし、このリダイレクトは、上記の「ⅲ」でアクセスするページに行ったときにも発動してしまうようで、0秒にしてしまうと、「ⅲ」のページにアクセスした場合も一瞬でGOLDのトップへ飛ばされてしまうのです。

0秒にしたら、秒数の再設定がなかなかできなくなるので、お気をつけて。。。

 

3.商品やカテゴリページにも、GOLDと同じヘッダーやサイドメニューを設定する。

 「2.」までの設定で、GOLDのトップページが表示されるようになったと思います。

 次は、商品ページなどにもGOLDと同じヘッダーやサイドメニューを設置します。

 

 まず、RMSの「デザイン設定」→「ヘッダー・フッター・レフトナビ」に行きます。

 おそらく「ヘッダー・フッター・レフトナビ01(自動選択)」が選択されていると思うので、「編集」。

 すると、「ヘッダーコンテンツ」「レフトナビゲーション」「フッターコンテンツ」の3つの入力欄がありますね。

 そこに、GOLDのindex.htmlに記載しているヘッダー、サイド、フッターの<iframe>をそれぞれ書き込んでやります!

 そしてこの設定を保存してやれば、商品ページやカテゴリページも、トップ同様のお洒落なデザインが反映できてますね☆

 

以上で完了してるはず!

はじめてGOLDを使ったとき、設定方法がわからなくて調べまくった記憶があるので、忘れないように書いておきますー^^