新商品、セール品、アウトレット商品、予約商品など商品の情報を「コールアウト」で表示できます。商品一覧ページにも表示されますので、商品詳細ページを開かなくてもお客様に確認してほしい情報がある場合はコールアウトをご利用ください。
本ガイドでは、コールアウトの設定方法をご案内します。
イメージ画像
Shopify管理画面＞設定＞メタフィールドとメタオブジェクト＞商品＞定義を追加するから設定を行います。
次に、各項目に下記の内容を入力してください。
名前：「callout」
フィールドを追加より、以下の情報を入力してください。
（説明は右側のプルダウンアイコン（∨）をクリックすると入力が可能です）
フィールドラベル | フィールドタイプ | 説明 |
title | 単一行テキスト | 商品バッジのテキスト |
title_color | 色 | テキストの色 |
border_color | 色 | 商品バッジの枠の色 |
content_color | 色 | 商品バッジの色 |
has_border | 真または偽 | 商品バッジの枠の有無 |
visible_only_specified_customer | 真または偽 | 特定の顧客への表示の有無 |
label | 単一行テキスト | visible_only_specified_customerで表示する顧客タグ ※visible_only_specified_customerをTrueにした場合、表示対象となる「特定の顧客」は付与した顧客タグによって制御されるので、該当する顧客にlabelで指定した任意の顧客タグを付与してください |
starts_at | 日付と時刻 | 表示開始日時 |
ends_at | 日付と時刻 | 表示終了日時 |
Shopify管理画面＞設定＞メタフィールドおよびメタオブジェクト＞商品＞定義を作成するをクリックします。その後、各項目に以下を入力します。
項目名 | 内容 |
名前 | 商品コールアウト |
ネームスペースとキー | appify-mobile.callouts_metaobject |
タイプ | メタオブジェクト |
タイプの左プルダウンアイコン（∨）から 「エントリのリスト」 に変更する | |
説明（任意） | 商品のコールアウト（商品バッジ） |
エントリーのリストを選択することでコールアウトが複数設定できます。単一のエントリーを選択してしまうとエントリー・コールアウトが１しか設定できなくなってしまうため注意が必要です。（下の画像のようになれば完了です。）
Shopify管理画面＞コンテンツ＞ネタオブジェクト＞コールアウト＞エントリーを追加から設定を行いましょう。
それぞれ、コールアウトの名前や文字色、背景色、コールアウトが表示される期間を設定してください。
Shopify管理画面＞コールアウトを表示したい商品＞商品コールアウトにて、付与したいコールアウトを選択してください。