【商品ページ】空白が表示されます(共通コンテンツ反映中)

表示期間外のバナーはございませんか?

ご質問

共通コンテンツ内に空白があいています。解消方法を教えて下さい。

ご回答

楽天市場の商品ページの仕組みにより、共通コンテンツに表示期間設定中且つ表示期間外のバナーがある場合、期間外のバナーサイズ分が空白となってしまいます。

表示期間指定のバナーを固定タイプで表示している場合

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

ご設定された表示期間以外は、右側の完成イメージ画面上では該当するバナーが透けるように表示されます。

この状態で反映を行うため、共通コンテンツを表示している商品ページ・カテゴリページでは上記バナーのサイズ分、余白が空いてしまうことが確認されています。

楽天市場の仕様により、表示期間外バナーの高さを自動計算することが不可

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

ご対応方法

1. バナーを1つのみ設定されている場合

表示期間終了後は共通コンテンツを削除する

お手数ではございますが、表示期間終了後は共通コンテンツを削除していただきますことで、空白が解消されるかと存じます。

共通コンテンツの削除は以下箇所より行っていただけますため、ぜひお試しくださいませ。

詳細はこちら

2. 複数のバナーを設定されている場合

バナーの表示形式をスライド表示のタイプに変更する

パーツの変更方法はPCトップページの作り方をご確認くださいませ。
(該当箇所:目次05 パーツの変更・削除)

⚠️ご注意

その際、必ず一緒に「表示期間未設定のバナー」も追加をお願いいたします。

表示期間未設定のバナー」を一緒にご設定いただきますことで、実際の商品ページやカテゴリページでは、表示期間未設定のバナーのみ表示されているかと思います。
ぜひお試しください。

 

関連キーワード
余白 空白がある 間があく 空白があく
この記事について評価をお願いいたします
  • 役に立った (1)
  • わかりにくい (1)
  • 必要な情報がなかった (0)
  • 探しにくかった (0)

関連しそうなFAQなど

ビーノとSUMAOU!の違い 次の開発予定 動画で学ぶビーノ 導入事例