ec-tools FAQ


レビューで購入率UPくん 横幅調整方法

02.18.2015, 未分類, by .

このページでは、「レビューで購入率UPくん」の横幅を調整する方法を案内します。

・以下説明は「横幅サイズを650pxに変更する」場合です。
 その他の幅に変更したい場合は、各値を適宜調整して下さい。
・「商品レビュー伝令くん」と併用されている方へ
 この作業を行うと、「商品レビュー伝令くん」側の横幅も変更されます。予めご了承下さい。

1.CSSファイルをダウンロードする

CSSは以下の場所にあります。
FTPソフトでダウンロードし、必ずバックアップをとって置いて下さい。

http://www.rakuten.ne.jp/gold/【店舗URL】/_cdi/item_review.css

2.CSSファイルを修正する

item_review.cssをメモ帳などのテキスト編集ソフトで開きます。
末尾に下記を追加した上で、FTPソフトでアップロードして下さい。

.revRvwUserSec{
width:615px;
}

ポイント

  • 元々のCSSは1行に圧縮されています。
    上記のCSSは以下のように書き足す形で追加して下さい。(※画像はサンプルです)
  • widthの値は、「表示したい幅-35px」で設定するとキレイに収まります
    (例)外枠の横幅を650pxで表示したい場合⇒CSSのwidthは615px

3.貼り付けタグをページに貼り付ける

以下のタグをページに貼り付けてください。(以下はwidth650pxにした場合)

<div style="overflow:hidden; width:650px; height:800px;"><iframe name="cdi_irr" src="http://www.rakuten.ne.jp/gold/【店舗URL】/_cdi/main.html?mode=review&type=reg" scrolling="auto" frameborder="0" width="650" height="800"></iframe></div>

Comments are closed.