thumbnail

購入時、ギフト選択をするとページに空白が表示されます。

eギフトを選択した際に、一部の要素が非表示になる代わりに、画面上に空白スペースが残ることがあります。

これは、アプリの仕様により visibility: hidden が適用されるため、該当要素の「見た目」だけが非表示になり、レイアウト上のスペースは残るためです。

(例:ギフト選択時にテーマ側の数量カウンターを非表示にした場合)

より自然な見た目にしたい場合(空白をなくしたい場合)

テーマ側で以下のようなカスタマイズを行うことで、空白を解消できます。

  • JavaScriptによる制御の追加

    visibility: hidden が適用された要素に対してdisplay: none を割り当てる処理を追加します。

    これにより、要素自体がレイアウトから除外され、空白がなくなります。

注意点:

この変更はテーマファイルへの編集を伴うため、Shopifyのテーマ編集やJavaScriptの知識が必要です。