楽天のページ

Question

お世話になっております。
下記ページのレフトナビですが、下に下がってしまい、一番下のカレンダーが表示されていない状態です。
どのように修正すればよろしいでしょうか？

http://www.rakuten.ne.jp/gold/aibeaute/20170617super-sale2.html

お手数ですがご返答よろしくお願いいたします。

Answer

ECマスターズの田中です。

いただいたページを確認したところ、
レフトナビに関連する部分が、
下記のような構造となっておりました。

■幅1000pxのテーブル
├幅760pxのページ内容部分
├幅200pxのレフトナビ用パーツ１
├幅200pxのレフトナビ用パーツ２
├（以下略）

ページ内容・レフトナビが縦１列に並んでおりますので、
ページ内容を右寄せで配置することで
レフトナビ用の部分をレフトナビとして活用することができます。

右寄せ配置させる場合、一番単純な方法でしたら

上記タグに
style="float:right;"
上記属性を加えてください。

別件となりますが、
20170617super-sale2.htmlには
HTMLの大枠や、文字コードを指定するタグがないため、
他のページから読みこんだりすると
文字化けを起こす可能性がございます。

20170617super-sale2.htmlの先頭に下記タグを、
= この下の行から ====================





= この上の行まで ====================

末尾に下記タグを加えていただき、
= この下の行から ====================


= この上の行まで ====================

HTMLファイルとして必要な構造、
および文字コードの指定を加えていただきますよう
お願いいたします。

Answer

ご返答ありがとうございました。

レフトナビの位置は修正できました。
カレンダーの表示がされないのですが、どのようにしたらよろしいでしょうか？
また、全体が左に寄ってしまうので、中央に表示させたいです。

現段階だと、このような表示です。
http://www.rakuten.ne.jp/gold/aibeaute/20170617super-sale2.html

カレンダーは下記URLのレフトナビ一番下のように表示させたいです。

よろしくお願いいたします。

Answer

ECマスターズの田中です。

＞カレンダーの表示がされないのですが、どのようにしたらよろしいでしょうか？

HTMLに ${SHOP_CALENDAR} と記入すると
カレンダーが自動で表示されるのは
RMSの機能ですので、

楽天GOLD内のページで同様の見た目を再現するには、
実際にカレンダーが表示されているページのソースをご覧いただき、


から、対応する

により囲まれた部分をコピーしていただく必要がございます。
（上記各タグ自体はコピーせず、中身だけコピーをお願いします）
また、月が変わるごとに、同じ作業により更新していただく必要がございます。

あるいは、
ECマスターズクラブ会員の方に、月額２０００円のツールを
無料でご提供しているツールボックスに含まれております、
https://club.ec-masters.net/?ecmtools.1509

自動カレンダー
http://www.intecrece.co.jp/ec/toolbox/index.html#a03

をご利用いただくことで、
毎月の更新も自動で行うことができますので、
ぜひご活用ください。


＞また、全体が左に寄ってしまうので、中央に表示させたいです。

との間に、下記規則をご記入ください。
= この下の行から ====================
body > table, body > img {
    margin: 0 auto;
    display: block;
}
= この上の行まで ====================