その他の商品詳細情報の設定方法

商品ページの下部に、サイズガイドや商品の特徴、返品ルールや配送に関する情報など、購入を兼用するために必要な情報を記載できます。

デフォルトの商品詳細に入れるよりも目立たせたい情報がある場合などに活用しましょう。本ガイドでは、サイズガイド以外の情報を入力したい際の設定方法についてご案内いたします。

サイズガイドなどの情報を追加したい場合はこちらのガイドをご確認ください。（→サイズガイドの設定方法はこちらから）

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

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

Shopify管理画面＞商品管理＞ボタンをつけたい商品＞メタフィールド＞商品メタフィールド＞上で設定した項目に、表示したい情報を入力します。

情報はJSON形式で入力する必要があります。

商品ページ下部に、トグル形式（アコーディオン）で情報を追加できます。以下の形式で情報を表示できます。

• HTMLでサイズガイド

• テキストのみ

• テキストとボタン

• ボタンのみ

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

• 例1：タイトル＋テキストのみ

{"title":"アコーディオンタブタイトル","description":" テキストのみ"}

• 例2：タイトル＋テキスト＋ボタン（アプリ内ブラウザでURLを開く）

{"title":"アコーディオンタブタイトル","description":"テキスト＋ボタン","url":"https://stack.com/","external":false,"action":"ボタン"}

• 例3：タイトル＋ボタンのみ（外部ブラウザでURLを開く）

{"title":"商品追加情報3","url":"https://stack.com/","external":true,"action":"ボタンのみ"}

• title

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

• description(任意)

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

• url(任意)

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

• external(任意)

  • このフィールドにはtrueかfalseを設定してください。

    true：外部ブラウザで表示

    false：アプリ内ブラウザで表示

• action(任意)

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