商品ページにて、ヘッダーと商品画像間の余白が気になります。

表示期間指定中かつ対象期間外のバナー分が空いてしまいます。

商品ページや特集ページにて以下の画像のように、ヘッダーと商品画像の間が空いてしまうことがございます。

目次

  1. 原因:どうして空白ができるのか
  2. 対処方法:バナーの表示形式をスライドに変更する

原因:どうして空白ができるのか

表示期間外のバナー縦幅が空白として表示される

表示期間が指定されているバナーを固定(スライド型以外)の表示タイプで設定している場合、表示期間を過ぎますとバナーは非表示となり、高さのみ取得されますので、その分が空白となってしまいます。

ビーノPCトップページ作成画面にて、パーツを追加する>エリア選択>各種バナー

【表示期間】を押していただくとバナーの表示期間を設定することができます。

表示期間外に設定すると、作成画面では該当するバナーが透けるように表示されます。

この状態で反映を行いますことで、商品ページ、カテゴリページでは上記バナーのサイズ分、余白が空いてしまう現象がございます。

大変恐縮ながら、こちらは現在の楽天市場の仕様と関連しており、商品ページ・カテゴリページではプログラムが使用できないことから、どうしても表示期間外バナー分の高さを自動で縮めることができず、余白が空いてしまいます。

なぜトップページでは正しく見えるの?

ビーノで作成したトップページは、商品ページやカテゴリページと違い、楽天GOLDという別のスペースに置かれます。
GOLD上ではプログラムが使用できますことから、ビーノシステム側より無駄な余白を表示しない仕組みの実現が可能となっています。

対処方法:バナーの表示形式をスライドに変更する

表示タイプをスライド表示のものに設定していただくことで、空白を避けることができます。

その際、必ず一緒に表示期間未設定のバナーを追加してください。

反映して商品ページを確認してみると、表示期間未設定のバナーのみ表示されているかと思います。

トップページ以外で表示期間設定を含むバナーを表示したい場合は、こちらをぜひお試しください。

知りたかった点は解決しましたか?

関連するFAQなど