スマートフォン用商品説明文について

Question

いつもお世話になっております。
本年も宜しくお願い致します。

スマートフォン用商品説明文に


を記述してGOLD上のファイルを呼び出していますが、
スマホの機種によっては右端が途切れて表示になってしまっているようです。
これをどの機種でも画面いっぱいにバナーが表示される方法はありますでしょうか？
ご教授よろしくお願いいたします。

Answer

ECマスターズの田中です。

iframeの内容が途切れる件について、
確認の上改めてご返信いたします。

Answer

ECマスターズの田中です。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

sp-cover.htmlは、Photoshopでスライスして出力したHTMLですね。
固定値の横幅（385px）が設定されておりますので、
iPhone8系や、それより横幅の狭いスマートフォンでは、
おっしゃる通り、右端が見切れてしまいます。

ソースを修正しようとすると大掛かりになりますので、
JavaScriptとCSSを利用して強引に拡大する方法をご案内いたします。

いただいたソースを下記ソースに差し替えて、表示をご確認いただきますようお願いします。
（「アカウント」の部分を元に戻した上で差し替えをお願いします）


jQuery(function($){
var wrpw = $('#coverbanner').width(), w = $('#coverbanner iframe').width(), h = $('#coverbanner iframe').height();
$('#coverbanner iframe').css({transform: 'scale(' + Math.floor( (wrpw / w) * 1000 ) / 1000 + ')',transformOrigin:'0 0'});
$('#coverbanner').css({height: Math.ceil( h * (wrpw / w) ) + 'px'});
});

Answer

いつもありがとうございます
無事に表示させることができました。
今後違うファイルも同じように表示させたい場合、

の箇所の調整が必要になりますか?

Answer

ECマスターズの田中です。

iframeタグのみ差し替えていただければ、調整は必要ありません。

万が一、同じページに２つ以上差し込まれる場合は、
ソースに７箇所含まれております「coverbanner」が
固有の名前となっており、重複すると不具合が起こるため、
それぞれ別の名前を、半角英字で始まる半角英数字の文字列（coverbanner2、pillowbanner、など）で付けていただきますようお願いします。

Answer

こんにちは、

私も便乗して教えてください。
スマホ商品ページに以下を入力しようとするとの開始タグがありません、とエラーになります。

全商品ポイントアップ！ メチャお得5の付く日はお見逃しなく！







初歩的な、ことですが、教えてくださいませ。
よろしくお願いします

Answer

ECマスターズの田中です。

=&rd&rp
が、"からはみ出た状態で記載されており、HTMLの文法から外れておりますので、
削除した上で、スマホ商品ページへの設置をお試しください。