商品ページのカスタマイズ

本ガイドでは、商品ボタン、商品リスト、商品バッジ、商品バナーの設定など商品ページをカスタマイズする方法についてご案内いたします。

まだ商品ページを作成していない場合は、こちらのガイドをご参照のうえ、基本設定を完了してください。

指定したタイトルがアプリの商品画像の右下にボタンとして表示され、タップすることで関連商品の一覧ページが表示されます。同梱不可の商品など必ず気づいて欲しい情報はバナーで表示できます。

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

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

ネームスペースとキーの入力が表示されない場合

ネームスペースとキーの入力が表示されない場合は、名前に文字列を入力した後下部に表示される「custom.」をクリックすると、ネームスペースとキーの入力枠が表示されます。

Shopify管理画面＞商品管理＞ボタンをつけたい商品＞メタフィールド＞商品メタフィールドから、ボタンのタイトルにしたい文字列を入力しましょう。

商品リストを紐付けることで関連商品を表示することができます。

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

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

Shopify管理画面＞商品管理＞ボタンをつけたい商品＞メタフィールド＞商品メタフィールドから、一覧表示したい商品を選択しましょう。

Shopify管理画面＞コンテンツ＞定義を追加をクリックします。

移動先のページにて、以下の情報を入力してください。

• 名前：「callout」

• フィールドを追加より、以下の情報を入力

Shopify管理画面＞設定＞メタフィールドおよびメタオブジェクト＞商品＞定義を作成するをクリックします。その後、各項目に以下を入力します。

Shopify管理画面＞コンテンツ＞ネタオブジェクト＞コールアウト＞エントリーを追加から設定を行いましょう。

それぞれ、コールアウトの名前や文字色、背景色、コールアウトが表示される期間を設定してください。

Shopify管理画面＞コールアウトを表示したい商品＞商品コールアウトにて、付与したいコールアウトを選択してください。

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

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

メタフィールドを追加設定することで商品バッジの色や枠の有無を設定することが可能になります。必要に応じてこちらの設定を行なってください。

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

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

（画像を挿入する）

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

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

（画像を挿入する）

Shopify管理画面＞商品管理＞ボタンをつけたい商品＞メタフィールド＞商品メタフィールドから、バッジ内容を入力しましょう。

設定した商品バッジは商品一覧で閲覧した場合も表示されますが、設定した最初のバッジのみが一覧で表示されます。

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

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

Shopify管理画面＞商品管理＞ボタンをつけたい商品＞メタフィールド＞商品メタフィールドから、バナー内容を入力しましょう。

コールアウトと同じ方法で作成していきます。

Shopify管理画面＞コンテンツ＞定義を追加をクリックします。

移動先のページにて、以下の情報を入力してください。日本語・英語それぞれ設定をしてください。

日本語

英語