画像の設置場所について

Question

スマホ商品ページの一番上に

移動商品画像が設定されてます。

この部分はどこで編集してますでしょうか？

教えて頂きたいです。

参考画像を添付致します。

※他店ショップ名はmatthewmarkです。###HR######IMG0290685e38dea7e13ddb55928a52423d0.jpegIMG0###

Answer

ECマスターズの塚本です。

＞移動商品画像が設定されてます。
＞この部分はどこで編集してますでしょうか？

こちらでお調べしたところ、
RMSのバグを利用してiframeを入れて、
タグで無理やり上部に表示させているようですね。

通常の楽天市場の仕様とは異なり、
お客様が混乱する可能性があり、

また今後の楽天の仕様変更の際はレイアウト崩れも
起こる可能性があり、あまりオススメはできませんが、

詳しいタグの設定方法に関してお知りになりたい場合は、
担当者よりお調べしてご連絡いたしますので、
その際は本投稿にてご連絡くださいませ。

Answer

迅速回答していただきありがとうございます。
やはり設定方法を知りたいので、よろしくお願い致します。

Answer

ECマスターズの田中です。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

スクリーンショットの状態ではガイドライン上の禁止行為に該当するため、
matthewmarkさんのページを改めて確認したところ、
禁止行為とならないよう、共通ヘッダを表示させた上で
その下に挿入されておりました。

また、matthewmarkさんではCSSで実現しておりますが、
設定内容が若干多くなりますので、

JavaScriptを利用して、
現在のmatthewmarkさんのように
商品画像上にコンテンツを表示させる方法をご案内いたします。

最初に、商品画像の上に表示させたい内容を
楽天GOLDにて、１つのWebページとして作成してください。

matthewmarkさんでは、
https://www.rakuten.ne.jp/gold/matthewmark/sp/item-page/header.html
このようなページを作成し、商品ページに埋めこんでおります。

次に、下記内容をメモ帳に貼り付けて
ファイル名の末尾を「.js」にして、
外部JSファイルとして保存し、
楽天GOLDにアップロードしてください。

= この下の行から ====================
jQuery(function($){
$('#itemImageSlider').before($('.iframeBefore'));
});
= この上の行まで ====================

最後に、下記内容を
スマートフォン用の商品ページ共通説明文に挿入していただくことで
実現することができます。

= この下の行から ====================



= この上の行まで ====================
※外部JSファイルのURL・インラインフレーム用ページのURL、
　表示横幅（高さ）は、実際のURL・半角数字に置き換えてご利用ください。

Answer

お世話になっております。
設置場所は共通ヘッダと書いておりますが
RMS1-2スデザイン設定⇒マートフォン デザイン設定の中にこの項目ございません。
再度ご確認お願い致します。

Answer

ECマスターズの田中です。

＞設置場所は共通ヘッダと書いておりますが
＞RMS1-2スデザイン設定⇒マートフォン デザイン設定の中にこの項目ございません。

はい、スマートフォンデザイン設定の中には、
確かに各ページの共通説明文を設定する部分しかございません。

いったん、共通説明文の中に記入したタグを、
JavaScriptを利用して、ページの読み込み完了と同時に
共通ヘッダの下に移動させる、という仕組みになっております。