スマホ商品ページ上部に表示したバナーのリンクとwidth="100%について

Question

お世話になります。

フォーラムに書き込みがありました下記の仕様を使わせていただきましたが２点質問がございます。

















jQuery(function($){
$('#itemImageSlider').before($('.divBefore'));
});


１、上記をGOLDへ保存しリンクを商品ページ共通説明分に張ることはできますか？

２、さらに横画面にしたときにも幅をいっぱいまで表示できるwidth="100%にするにはどうすればいいでしょうか？

以上、ご回答よろしくお願いいたします。###HR######IMG0d676b159625eb6336d5ebc0742c3f6d9.pngIMG0###

Answer

ECマスターズの田中です。

> １、上記をGOLDへ保存しリンクを商品ページ共通説明分に張ることはできますか？

上記について、正確なご案内のために
詳しくお伺いさせていただきます。

いただいたソースは、すでに商品ページ共通説明文に記載されているようですが、
たとえば、共通説明文の文字数を抑えるためにソースをGOLDに移動したい、
ということでしょうか。

> ２、さらに横画面にしたときにも幅をいっぱいまで表示できるwidth="100%にするにはどうすればいいでしょうか？

いただいたソースに、下記ソースを加えていただければ結構です。


.divBefore table { table-layout: fixed; width: 100%; }
.divBefore table img { width: 100%; }

Answer

ご返信ありがとうございます。

＞いただいたソースは、すでに商品ページ共通説明文に記載されているようですが、
たとえば、共通説明文の文字数を抑えるためにソースをGOLDに移動したい、
ということでしょうか。

はい、そのとおりです。
文字数を抑えたいです。

よろしくお願いいたします。

追伸
＞width="100%の件
こちらはいただいたソースで解決いたしました。

Answer

ECマスターズの田中です。

> はい、そのとおりです。
> 文字数を抑えたいです。

承知しました。
その場合は、最初に、
下記内容で、ファイル名の末尾（拡張子）を「.js」に設定した
外部JSファイルをご用意の上、
楽天GOLDにアップロードをお願いします。

= この下の行から ====================
jQuery(function($){
  $('#itemImageSlider').before(`
商品画像上に設置したいHTMLソース
  `);
});
= この上の行まで ====================

商品画像上に設置したいHTMLソースは、実際のHTMLをご記載ください。
禁止タグチェックは無いため、裏技のための「 =""」は不要です（入れたままでも結構です）。
先頭と末尾がタグの役割を果たすため、
それ以外のおよびタグの内容をご記載ください。
つまり、下記のような形式になります。

= この下の行から ====================
jQuery(function($){
  $('#itemImageSlider').before(`



（中略）


.divBefore table { table-layout: fixed; width: 100%; }
.divBefore table img { width: 100%; }

  `);
});
= この上の行まで ====================

楽天GOLDにアップロードしていただきましたら、
下記タグを、商品ページ共通説明文にご記載いただきますようお願いします。

= この下の行から ====================

= この上の行まで ====================
アップロードした外部JSファイルのURLは、実際のURLに変更してご利用ください。

Answer

ありがとうございます。
うまくいきました。

また何かあればよろしくお願いいたします。

スマホ 商品ページ上部に表示したバナーのリンクとwidth="100%について

スマホ商品ページ上部に表示したバナーのリンクとwidth="100%について