FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

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

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

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