質問: 背景画像(cssの修正)について お世話様です。よろしくお願い致します。店舗の背景画像の表示についてですがトップページ、商品ページ、カテゴリーページに共通の背景画像を設置しているのですがカテゴリーページだけ背景画像を表示するとそのカテゴリーの商品のサムネイル画像が表示されなくなります。先日、楽天からサポートニュースで案内があった【pc版 カテゴリーページ】画像表示の不具合の影響かと思いコールセンターに問い合わせしてリモートで確認してもらった所、ヘッダー・フッター・レフトナビのテンプレート設定のどこかのソースが影響しているとの事でした。それ以上のサポートは出来ないという事だったので調べていったところ下記のソースが影響しているみたいですが、背景画像を表示してサムネイル画像も表示する修正の仕方が解からないのでご指導お願い致します。スタイルシートはフッターに入れています。下記は背景画像のソースを表示と否表示にしたカテゴリーページです。○○○○が店舗id◆ヘッダー背景画像を下記のソースでコメントアウトして非表示にするとサムネイル画像が表示されるカテゴリーページhttps://item.rakuten.co.jp/○○○○/c/0000000215//* ヘッダー背景画像*//* img.noimage{display: none;}body{ background-image:url(https://image.rakuten.co.jp/○○○○/cabinet/top/bgbnr/fujisan-2.jpg);background-repeat:no-repeat;background-size: 100%;top:75px;/*一番上からの位置*/} */◆ヘッダー背景画像は表示出来るがサムネイル画像が表示されないカテゴリーページhttps://item.rakuten.co.jp/○○○○/c/0000000190//* ヘッダー背景画像*/img.noimage{display: none;}body{ background-image:url(https://image.rakuten.co.jp/○○○○/cabinet/top/bgbnr/fujisan-2.jpg);background-repeat:no-repeat;background-size: 100%;top:75px;/*一番上からの位置*/}
回答: ecマスターズの田中です。スタイルシートに含まれるimg.noimage{display: none;}が、商品画像を非表示にする役割をもっておりますので、この1行だけをコメントアウト(不要であれば削除)していただくことで、背景画像と商品画像をともに表示することができます。なお、今回は見た目に影響がないため今後のためにご注意いただきたいのですが、◆ヘッダー背景画像を下記のソースでコメントアウトして非表示にするとサムネイル画像が表示されるカテゴリーページの末尾にて、/*一番上からの位置*/ が別の /* と */ の中に含まれておりました。/* */ によるコメントが入れ子になった場合、一番最初に記載された */ でコメントが全て途切れてしまい、今回の場合は直後の } が有効な記述として認識されてしまいます。その結果、文法間違いとして一部スタイルシートが認識されなくなる可能性がございますので、コメントの入れ子は行わないよう、予めお含みおきいただきますようお願いします。