商品ページのバナー入れについて

Question

いつもお世話になっております。こばやしと申します。
楽天の商品ページ設定について、質問させてください。

現在当店では、スマホ用商品説明文・PC用商品説明文ともに、
商品情報画像①②‥‥商品情報テキスト
といったように設置しています。

スマホとアプリについて、
この縦スライドの商品情報画像①②…の前に、
特集バナーやカテゴリーバナーを設置したいと考えています。

他社様の過去質問を拝見し、Java Scriptの設置で出来るようなことはわかったのですが、
初心者の私には？？も多く、今一度教えて頂けますでしょうか。

また、設置・設置後の差替えは前ページCSVでアップするしかないのでしょうか。
簡単に出来るツールなどはご存知でしたら教えて頂きたいです。

宜しくお願い致します。

Accepted Answer

お世話になっております。

> 需要も増えてきていることから、
> アプリも対応させたいと考えております。

承知しました。

それでは、下記内容をテキストエディタ（メモ帳など）に貼り付けて
ファイル名の末尾を「.js」にして、
外部JSファイルとして保存し、
楽天GOLDにアップロードしてください。

= この下の行から ====================
document.write(`

コンテンツ用HTML

`);
= この上の行まで ====================
※コンテンツ用HTMLは、実際のソースに置き換えてご利用ください。

次に、下記内容を
スマートフォン用商品説明文に挿入していただくことで、
挿入した位置に、共通のパーツをご設置いただくことができます。

= この下の行から ====================

= この上の行まで ====================
※外部JSファイルのURLは、実際のURLに置き換えてご利用ください。

外部JSファイルを作成いただきましたら、
まずは２〜３商品で動作をご確認いただき、
問題がなければ、全商品への一括記入を行っていただきますようお願いします。

一括記入が難しい場合は、
ECマスターズのツール「CSVパーツ差込・入替君」を
ご活用いただければ幸いです。
https://manual.ec-masters.net/index.php?ecm-tools-manual-csvparts

Answer

ECマスターズの田中です。

> スマホとアプリについて、
> この縦スライドの商品情報画像①②…の前に、
> 特集バナーやカテゴリーバナーを設置したいと考えています。

スマートフォン用ページだけでしたら、
https://forum.ec-masters.net/post_view.php?id=4030
上記、以前ご案内差し上げたJavaScriptにて
３行目の直後に
$('#itemDescription > blockWrap').prepend($('.bnrInfo'));
を追記し、
HTMLに


商品説明の先頭に入れるコンテンツ用HTML


以上を追記していただくことで実現できますが、

アプリの商品表示画面は、
商品説明文だけが独立したWebページとして読み込まれる
特殊な構造であることから、
アプリにも対応するためには、異なる方法を使う必要がございます。

初期設置のためにCSVの利用と、
設置後の差し替えに楽天GOLD内のファイルの編集が
必要となりますので、
ご希望の場合はお知らせいただきますようお願いします。
その際、念の為、商品一括編集機能をご契約いただいているかどうかも
併せてお知らせいただきますようお願いします。

Answer

田中 様

お世話になっております。
ご回答ありがとうございます。

需要も増えてきていることから、
アプリも対応させたいと考えております。

商品一括編集機能は契約しておりますので、
詳細お伺いできますでしょうか。

どうぞよろしくお願い致します。

Answer

ありがとうございます！
週明けに早速数型試してみます。

また不明点出てきましたらご相談させていただければ幸いです。

どうぞよろしくお願い致します。