Premise
- Upon implementation of AnyGift and completion of initial configuration, the user interface, which includes options for specifying a delivery address and sending e-gifts to recipients with unknown addresses, will be prominently displayed above the "add to cart" button on product pages and as the default on the cart page.
- However, on product pages, it may be desired to place the AnyGift UI (options for specifying a delivery address and sending e-gifts to recipients with unknown addresses) not only above the "add to cart" button, but also above the quantity selector or in a custom location. Therefore, through the following actions, the position of the AnyGift UI can be modified.
For those utilizing the theme of Online Store 2.0
- Open the default product page in Online Store > Theme > Customize > Products.
- Select "Product Info" and choose "(+) Add a Block" > select "Custom Liquid"
- By pasting the following code into the Custom Liquid section, the AnyGift UI will be displayed in that location."
<div data-anygift="marker"></div>
-
As shown in the video, you can freely decide the display location within the 'Product Information' section.
AnyGift_ギフトUIカスタマイズ動画.mov
<aside>
💡 The above instructions pertain to modifying the UI display location on product pages, but it is also possible to change the location on cart pages using the same custom Liquid.
</aside>
For those utilizing the theme of Online Store 1.0