前提
- AnyGiftを導入いただき、初期設定が完了すると、「お届け先を指定して送る」「住所を知らない相手にeギフトで贈る」というUIが
商品ページの「カートに追加する」ボタンの上と、カートページにデフォルトで表示されます
- ただ、商品ページ内では、「カートに追加する」ボタンの上だけでなく、数量セレクターの上に入れたい方や、ご自身のオリジナルの指定位置に入れたい場合もあるかと思います
- よって、以下のように操作をいただくことで、AnyGiftのUI(お届け先を指定して送る / 住所を知らない相手にeギフトで贈る)の位置を変更することができます
オンラインストア2.0のテーマをご利用の方向け
- オンラインストア > テーマ > カスタマイズ > 商品 > デフォルトの商品 ページを開く
- 「商品情報」を選択し、「(+)ブロックを追加 」を選択 > カスタムLiquid を選択
- カスタムLiquid内に、以下のコードを貼り付けると、その箇所にAnyGiftのUIを表示できます
<div data-anygift="marker"></div>
-
動画のように「商品情報」の中で、自由に表示位置を決めることができます
AnyGift_ギフトUIカスタマイズ動画.mov
<aside>
💡 上記は「商品ページ」のUI表示位置の変更方法になりますが、「カートページ」も全く同じカスタムLiquidを使って表示位置を変更することが可能です。
</aside>