woocommerceの商品ページエラーについて

Question

現在Business Centerというワードプレスのテーマとwoocommerceプラグインを使ってECサイトを製作中です。

商品登録がひと段落ついて、何気なく商品ページを見てみると
・商品数
・「カートに入れる」
・商品カテゴリー
がクリックできない状況になってしまいました。

エラーが発生しているサンプルページ

ほとんどのページが同じような（クリックできない）状況になってしまいましたが。

不思議な事に、
・レスポンシブ表示にすると問題がない
・一部の商品は問題がない（問題がない商品のページ）

といった、問題が生じない条件もあり打開策があるのでは、と頭を抱えております。

プラグインやCSSなど考えられるものは停止したりと、試したのですが直りません。
もはやテーマを変えるしか手がない状況まで追い詰められてしまいました。

もし対応策がわかる方がいらっしゃれば、何卒
お力をいただければ幸いです。

Answer 1

商品画像部分であるdiv.woocommerce-product-galleryと
商品説明部分であるdiv.summary部分は互いにfloatにて左右に回り込んでいます。

本来であればこれら2つを包み込むdiv.productにclearfixなどの設定がなされているはずですが、
存在しないのか、あるいは機能していないのかわかりません。

添付画像のように、2つの回り込むブロック要素の直後に
<div style="clear:both;"></div>を入れてみればすぐに効果がわかると思います。

Comments

[peter-]

大変コメントが遅くなり申し訳御座いません。こちら他の方をベストアンサーにさせて頂きましたが、コメントをいただき誠にありがとうございました。

Answer 2

今わかる範囲で書いておきます。

エラーが出ているページと出ていないページでは、「追加情報」という項目のある・なしが関係しているようです。

その追加情報の下に関連商品が掲載されている部分のsectionの部分に、
cssで```
position: relative;

追加情報がないものはそれがページのトップまで効いているようで、ボタンのクリックや数字の入力ができなくなっているようです。

そのCSSをコメントアウトすればいいのでしょうが、
他のデザインとの兼ね合いもあると思うので、

「追加情報」がないページも「追加情報なし」という「追加情報」を入れることによって、
その欄が入るはずなのでクリックできるようになるのではないでしょうか。

うまく説明できませんが、参考まで。

Comments

[peter-]

回答が遅くなり大変申し訳ございません。今回は結論解決ができず、テーマを変えて進める事にしました。回答を頂き、ありがとうございます。