Shopifyのschemaのinfo内にリンクを追加する:メモ

使えるものの、使いにくい面もあり、情報も探しにくいのでメモとして。

実現したいこと

• {% schema %}で用いられる"info"の値の中にリンクをつける

上記だけではわかりにくいと思いますが、後述するサンプルを見れば概ね把握できると思います。

実現方法

• Input settings

{
  "type": "checkbox",
  "id": "enable_payment_button",
  "label": "Show dynamic checkout button",
  "info": "Each customer will see their preferred payment method from those available on your store, such as PayPal or Apple Pay. [Learn more](https://help.shopify.com/manual/online-store/dynamic-checkout)",
  "default": true
},

上記ページ内から辿れる以下に詳細があります。

• Basic Syntax | Markdown Guide

具体的には以下のようになります。

• マークダウンが使える模様
• [ancher text](https://example.com)のように括弧とリンクを組み合わせて、リンクが設定できる

ただし実際に試したところ、リンクを記載した箇所より前に[が使われていると、[からアドレス直前の]までの文字列が全てリンクのアンカーテキストになってしまうようです。

[Defalut: #FFFFFF]Change the background color.[ancher text](https://example.com)

上記のように書くとancher textではなく、Defalut: #FFFFFF]Change the background color.[ancher textという一文がアンカーテキストになってしまいます。

結び

初期値などを記載する際に[]で囲むことが多かったので、リンクを設定したい場合に[]がアンカー以外の用途で使えないのは個人的に厳しい制限でした。