スマホ商品ページデザイン変更について

Question

いつもお世話になっております。
楽天市場のスマホ商品ページデザイン変更について質問です。

質問内容）
商品ページの「この商品を買った人はこれも」の上に画像を配置したいのですが、
実現可能かどうか。

例）
http://item.rakuten.co.jp/outdoorsquare/15fw-603026/

この商品を〜の下に再入荷お知らせ設定の注意画像を配置していますが、
できることなら上に配置したいです。
PC版は買い物かごボタンの上に配置しています。

お手数ですがお返事のほどお待ちしています。

Answer

ECマスターズの田中です。

＞商品ページの「この商品を買った人はこれも」の上に画像を配置したいのですが、
＞実現可能かどうか。
可能ですが、楽天RMSの、禁止タグを入力できるバグを利用した方法ですので、
今後、RMSの改修により、使用できなくなる可能性があります。

以下の方法をお試しください。


１．下記内容で、CSSファイルを作成

======= この下の行から =============
div#itemReview:after {
    content: " ";
    display: block;
    width: 288px; /* 表示領域の幅 */
    height: 305px; /* 表示領域の高さ */
    background: url(http://image.rakuten.co.jp/outdoorsquare/cabinet/smartphone/sainyuka.jpg) no-repeat;
    background-size: contain;
    margin: 10px auto 0; /* 左から、上方向の間隔・中央揃え用の指定・下方向の間隔 */
}
======= この上の行まで =============　

２．作成したCSSファイルをGOLDにアップロード

３．楽天RMSにて、スマートフォン用共通説明文に以下のタグを挿入

======= この下の行から =============

======= この上の行まで =============　
※【CSSファイルのURL】は、実際の内容にご変更ください。
※１行目最後の空白も必要ですので、削除しないでください。


必要に応じて、
CSSファイル内の「width」「height」「margin」の各数値を変更して、
ご希望の表示になるよう調整をお願いします。

Answer

実現することができました、有り難うございます！

Answer

追加で質問です。
画像の実現はできたのですが、楽天のヘッダーメニューが右隅に隠れているのか、
表示されません。
解消できないでしょうか。
よろしくお願いいたします。

Answer

すみません、解消しました。
共通cssファイルに記入したのが駄目だったみたいです。
独立させると表示されるようになりました。

Answer

ECマスターズの田中です。

PC用の他の指定も同じファイルに入れてしまったため、
意図しないスタイルシートが適用されてしまったということですね。
解決して何よりです。