商品詳細情報のカスタム

商品情報の詳細をカスタムすることができます。デフォルトの商品詳細に入れるよりも目立たせたい情報がある場合などに活用しましょう。

まずは、商品詳細情報にサイズガイドを表示する方法をご案内いたします。

Shopify管理画面>設定>メタフィールドとメタオブジェクト>商品>定義を追加するから設定を行います。

次に、各項目に下記の内容を入力してください。

項目名

内容

名前

サイズガイド[HTML]

ネームスペースとキー

appify-mobile.sizechart_html

説明

メタフィールドにHTMLでサイズ表を登録することができます

データ型

複数行のテキスト

Shopify管理画面>商品管理>サイズ表を表示したい商品>メタフィールド>商品メタフィールド>サイズ表にて表示したい情報を入力します。

入力内容の例をご紹介します

設定する値は、HTML形式で入力してください。


サイズ表以外にも、商品の詳細情報を追加することができます。

Shopify管理画面>設定>メタフィールドとメタオブジェクト>商品>定義を追加するから設定を行います。

商品詳細カスタムは、product_link1 からproduct_link15 まで表示可能です。

次に、各項目に下記の内容を入力してください。

項目名

内容

名前

任意

ネームスペースとキー

appify-mobile.product_link1

product_link1の部分は、「product_link1〜15」まで利用可能です。 

説明

任意

データ型

JSON

Shopify管理画面>商品管理>ボタンをつけたい商品>メタフィールド>商品メタフィールド>サイズ表にて表示したい情報を入力します。

情報はJASON形式での入力が必要です。

入力内容の例をご紹介します

設定する値は、以下のJSONフォーマットで登録してください。任意と書かれているフィールドを入力しない場合、JSONフォーマットから削除してください。

JSON
  • title

    • アコーディオンUIのタイトルです。このフィールドにはテキストを設定してください。

  • description(任意)

    • アコーディオンUIを開いた時に表示されるテキストです。このフィールドにはテキストを設定してください。未入力の場合は表示されません。

  • url(任意)

    • 外部リンクが設定されている場合はアコーディオンUIを開いた時にボタンが表示され、タップすると指定したURL先に遷移します。このフィールドにはURLを設定してください。

  • external(任意)

    • このフィールドにはtruefalseを設定してください。trueが設定されていたらURLは外部ブラウザで表示され、falseが設定されていたらアプリ内ブラウザで表示されます。

  • action(任意)

    • URLが設定されている場合に表示されるボタンのタイトルです。urlは設定されているがactionが設定されていない場合は「コンテンツを開く」がボタンのタイトルになります。