[Shopify]セクションにカスタム入力欄を設置する

メタフェイズではShopifyを利用したストア構築を行っています。
今回はセクションにカスタム入力欄を設置する方法を紹介いたします。

1.templates/product.jsonで設定しているセクションの{% schema %}のsettingsを下記のようにします。

"settings": [
  {
    "type": "text",
    "id": "custom-text",
    "label": "カスタムテキスト",
    "info": "任意の文字を入力します。"
  }
],

2.表示したい場所へ下記コードを追記します。

{{ section.settings.custom-text | escape }}

3.管理画面 > オンラインストア > テーマ > カスタマイズをクリックします。

4.表示したい文字列を入力します。

1. ヘッダーでデフォルトの商品を選択します。

2. 画面左で対象のセクションをクリックします。

3. 画面右のカスタム入力欄へ入力します。

4. 画面右上「保存」をクリックします。

Shopifyを利用したストアの構築・運用のご相談は株式会社メタフェイズまで！