eギフトを選択した際に、一部の要素が非表示になる代わりに、画面上に空白スペースが残ることがあります。
これは、アプリの仕様により visibility: hidden が適用されるため、該当要素の「見た目」だけが非表示になり、レイアウト上のスペースは残るためです。
(例:ギフト選択時にテーマ側の数量カウンターを非表示にした場合)
より自然な見た目にしたい場合(空白をなくしたい場合)
テーマ側で以下のようなカスタマイズを行うことで、空白を解消できます。
JavaScriptによる制御の追加
visibility: hidden が適用された要素に対してdisplay: none を割り当てる処理を追加します。
これにより、要素自体がレイアウトから除外され、空白がなくなります。
注意点:
この変更はテーマファイルへの編集を伴うため、Shopifyのテーマ編集やJavaScriptの知識が必要です。