FROM CACHE - jp_header

クイックビューが正しく表示されない。

クイックビューが正しく表示されない。

tm_106
新規メンバー
5 0 0

「Featured collection」というセクションを用いて、コレクション内の商品をリスト表示しています。

商品カード内に「クイックショップ」ボタンがあり、これをクリックすると添付1枚目のような表示になってしまいます。

 

該当URL:https://gift-the-connrod.jp/

使用テーマ:Empire (https://pixelunion.net/products/empire)

 

以下、検証ツールにて調査した内容になります。

①モーダルに謎のスタイルが適用されていた。

スクリーンショット 2023-11-08 18.42.22.png

<modal-inner>というクラスのdivに、直接<style="margin-top: 370.875px">と記述されていました。

これまで特定のセクションに対するカスタムCSSの適用はしたことがありますが、今回のようなスタイル適用はしたことがないので、なぜ入っているのか原因が分からないですし、消し方も分かっていません。

 

また、同じdivのheightも0pxになっており、これも原因・解消法ともに分かっていません。

 

②コンテンツ自体のポジションがズレている。

スクリーンショット 2023-11-08 19.00.30.png

①で確認できたスタイルを検証ツール内で修正したところ、中のコンテンツのdivにも異変が見られました。

divのpositionが889.875となっており、これを1460pxにしたらようやく通常の表示に戻りました。

スクリーンショット 2023-11-08 19.02.44.png

①と同様、ここもイジったことがない(そもそもイジり方が分からない…)ので原因が分からず、どうすれば修正できるのかも分かっていません。

 

外部に頼らずに非エンジニアのみで内製して作っており、困っております…。

原因や解決方法についてご助言いただけると大変ありがたいです。

0件の返信0