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