スマホ商品説明文の先頭のタグ挿入したら画像が重なってしまいました。

Question

お世話になります。

昨夜、スマートフォン用商品説明文の先頭にCSVパーツ差込・入替君を使って
イベント告知君と、GOLDバナーのCSSと、GOLDバナーのタグを3種類いれました。

アプリでは問題なく表示されているのですが、
スマホでみると商品説明文の画像1枚目と、クーポンの画像が重なってしまいました。

原因がわからず困っています。
よろしくお願いいたします。

Answer

ECマスターズの田中です。

> スマホでみると商品説明文の画像1枚目と、クーポンの画像が重なってしまいました。

商品管理番号「shin-20033166」のページを確認したところ、
「アプリ専用GOLDバナー」とされているタグに
表示する高さの指定がされておらず、バナーが見切れておりましたので、
同に対して高さの設定をお願いします。

たとえば、スタイルシートで
height: calc( 100vw + 40px );
のようにご指定いただくと、ちょうどよい表示になるかと思います。

ちなみに、直上にあった「アプリ専用GOLDバナーのCSS」として
「iframe-sp.css」を読み込むためのタグが記載されておりますが、
ファイルが見つからないというエラーが出ております。

CSSファイルがどこにあるか、改めてご確認をお願いします。
CSVパーツ差込・入替君を利用して一括で変更される前に、
１つの商品ページを編集して、表示を予めご確認いただくことをオススメします。

Answer

ありがとございました。
見直してみます。