storefront apiを用いた場合の注文メモについて

初めまして。

今現在storefront apiを使用してshopifyをバックエンドに,フロントにGatsby.jsを使用してヘッドレスコマースのecサイトを制作しております。

そこで、カートの商品を確認する際に、注文メモを表示させて会計後にshopifyの注文履歴から確認できるようにするにはどうしたら良いでしょうか?

Gatsby側で、checkoutのlogを確認すると、

  1. appliedGiftCards:
  2. id: “…”
  3. lineItems: (2) [{…}, {…}]
  4. lineItemsSubtotalPrice: {amount: “42240.0”, currencyCode: “JPY”, type: {…}}
  5. note: null
  6. order: null以下略

のように表示されますが、5 note:nullになっているフィールドが少し怪しいような気がします。

やはりヘッドレスなので、shopify側のliquidに対応したアプリなどは殆ど使用できないのは承知の上ですが、何とか注文メモを利用できる方法があれば教えていただきたいので、よろしくお願い致します。

AppliedGiftCardのgraphqlを記載されていますが、ギフトカードに関するご相談でしょうか?

storefront APIでチェックアウトするには以下のMutationを使います。

https://shopify.dev/docs/storefront-api/reference/checkouts/checkoutcreate

そのInput にノートがあります。

https://shopify.dev/docs/storefront-api/reference/checkouts/checkoutcreateinput