商品のバッジのsoldout表記のエラーについて

Topic summary

商品のSOLDOUTバッジ表示に不具合が発生しています。

問題の詳細:

  • 半年間正常に動作していたが、年末頃から表示が崩れた
  • 本来の仕様:商品画像全体に白の半透明フィルタ + 中央に斜め黒字で「SOLDOUT」表示
  • 現在の状態:画像からはみ出して左上に縦書きで表示、白フィルタも消失
  • 外部委託業者と連絡が取れず、修正箇所が不明

提案された解決策:

  • 問題発生直前の作業を全て元に戻す
  • 別業者に依頼する
  • 該当ページのURLを公開し、コミュニティからの助言を待つ
  • 自力解決を目指す場合はCSSを学習する

推測として、CSS の position プロパティ設定に問題がある可能性が指摘されています。現在、具体的な解決には至っておらず、追加情報や専門家の支援が必要な状況です。

Summarized with AI on November 10. AI used: claude-sonnet-4-5-20250929.

以前、外部委託業者に商品のSOLDOUTバッジの表示を変更してもらいました。半年ほどは正常に動作していたのですが年末ごろから表示が変になってしまいました。

外部委託業者に連絡がつかずコードのどの部分を修正しなければならないのかもわかっていません。

具体的には「商品画像全体に白の半透明のフィルタをかけて中央にSOLDOUTの文字を右下がりの黒字で入れる」という仕様だったのですが現在は画像からはみ出して左上に縦にSOLDOUTと表示され、白いフィルタもかからなくなっています。

(バッジを通常のものに戻した際に文字の背後にだけ白いフィルタがかかることから何か不具合が起きているのだとは思います。)

修正方法やどの部分のコードを修正すればよいかなど教えていただけると幸いです。よろしくお願いいたします。

状況的に以下のいずれかになるかなと思います。

  • 問題発生の直前に行った何らかの作業を全て元に戻す
  • 別業者に依頼する
  • 該当ページのURLを記載し、どなたかが推測に基づく解決策を提示してくれることを待つ

以上ですが、自力解決がご希望ならCSSを学ばれるとよいかもしれません。

根拠はほぼありませんが該当箇所に絡む要素の position プロパティを確認すると方策が定まるのではと思われましたので。

参考:

https://developer.mozilla.org/ja/docs/Web/CSS/position