商品詳細情報のカスタムはこちら
在庫切れの非表示と再入荷受け取り通知ボタンはこちら
[設定]>[カスタムデータ]>[商品]>[カスタムデータ]>[定義を作成する]の順に操作する
各項目に下記の内容を入力する
項目名 | 内容 |
名前 | 商品ボタン |
ネームスペースとキー |
|
説明 | 関連商品を表示するボタンのタイトルです |
データ型 | 単一行のテキスト |
[商品管理]>[ボタンをつけたい商品]>[商品ボタンのメタフィールド]の順に操作して、ボタンタイトルにしたい文字列を入力しましょう。
商品ボタンと同じ要領(動画参照)で作成していきます。定義の内容は下記を入力しましょう。
項目名 | 内容 |
名前 | 関連商品リスト |
ネームスペースとキー |
|
説明 | 表示される関連商品の一覧です |
データ型 | 商品のリスト |
[商品管理]>[関連商品を表示したい商品]>[関連商品リストのメタフィールド]の順に操作して、一覧表示したい商品を選択しましょう。
[コンテンツ]>[メタオブジェクト]>[定義を追加]の順に操作する
名前にcalloutを入力し「フィールドを追加」から下記の内容を設定する
データ型 | 名前 | 説明 |
1行テキスト | title | 商品バッジのテキスト |
色 | title_color | テキストの色 |
True / False | has_border | 商品バッジの枠の有無 |
色 | border_color | 商品バッジの枠の色 |
色 | content_color | 商品バッジの色 |
True / False | visible_only_specified_customer | 特定の顧客への表示の有無 |
1行テキスト | label | 識別のための文字列 |
日付と時刻 | starts_at | 表示開始日時 |
日付と時刻 | ends_at | 表示終了日時 |
[設定]>[メタフィールドおよびメタオブジェクト]>[商品]>[定義を作成する]の順に操作する
各項目に下記の内容を入力する
項目名 | 内容 |
名前 | コールアウト |
ネームスペースとキー | appify-mobile.callouts_metaobject |
説明 | 任意で設定してください |
タイプ | メタオブジェクト |
参照 | callout / エントリーのリスト |
エントリーのリストの選択
エントリーのリストを選択することでコールアウトが複数設定できます。単一のエントリーを選択してしまうとエントリー・コールアウトが1しか設定できなくなってしまうため注意が必要です。
[コンテンツ]>[メタオブジェクト]>[コールアウト]>[エントリーを追加]の順に操作して、商品バッジの設定を行いましょう。
[商品管理]>[ボタンをつけたい商品]>[コールアウト]の順に操作して、付与したい商品バッジ選択しましょう。
商品バッジ機能の廃止
2025年内中に商品バッジ機能の提供は終了を予定しております。以降の運用はコールアウト機能をご利用頂くようお願いいたします。
商品ボタンと同じ要領で作成していきます。定義の内容は下記を入力しましょう。
項目名 | 名前 |
内容 | 商品バッジ |
ネームスペースとキー |
|
説明 | 設定されているバッジは商品ページとカートページに表示されます |
データ型 | 単一行のテキスト[値のリスト] |
項目名 | 内容 |
名前 | 商品バッジの色 |
ネームスペースとキー |
|
説明 | 設定されている16進数カラーコードの色で商品バッジの枠と文字が表示されます |
データ型 | 単一行のテキスト[1つの値] |
項目名 | 内容 |
名前 | 商品バッジの枠表示 |
ネームスペースとキー |
|
説明 | Trueが設定されている場合商品バッジに枠が表示されます |
データ型 | TrueまたはFalse |
商品バッジの色や枠の表示非表示設定
メタフィールドを追加設定することで商品バッジの色や枠の有無を設定することが可能になります。必要に応じて以下の項目に従ってメタフィールドの追加設定をしてください。
[商品管理]>[商品バッジを表示したい商品]>[商品バッジのメタフィールド]の順に操作して、バッジ内容を入力しましょう。
商品バッジの内容
商品バッジに表示するテキストを入力してください。
商品バッジの色
商品バッジのテキストと枠のカラーを#000000のような16進数カラーコードで入力してください。
商品バッジの枠の有無
商品バッジの枠の有無を選択してください。Trueが設定されている場合商品バッジに枠が表示され、Falseが設定されている場合商品バッジに枠が非表示になります。
商品一覧の表示
設定した商品バッジは商品一覧で閲覧した場合も表示されますが、設定した最初のバッジのみが一覧で表示されます。
商品ボタンと同じ要領で作成していきます。定義の内容は下記を入力しましょう。入力値にはマークダウンが利用できます。
項目名 | 内容 |
名前 | 任意で |
ネームスペースとキー |
|
説明 | 商品ページでグレーアウトされた背景の上に表示される文章です |
データ型 | 単一行のテキスト or 複数行のテキスト |
[商品管理]>[商品バナーを表示したい商品]>[商品バナーのメタフィールド]の順に操作して、バナー内容を入力しましょう。
商品ボタンと同じ要領で作成していきます。定義の内容は下記を入力しましょう。日本語・英語それぞれ設定をしてください。
日本語
項目名 | 内容 |
名前 | 任意の名前で設定してください |
ネームスペースとキー |
|
説明 | 任意で説明を設定してください |
データ型 | 単一行のテキスト |
英語
項目名 | 内容 |
名前 | 任意の名前で設定してください |
ネームスペースとキー |
|
説明 | 任意で説明を設定してください |
データ型 | 単一行のテキスト |
[商品管理]>[完売ボタンをカスタマイズしたい商品]>[商品バナーのメタフィールド]の順に操作して、カスタマイズ内容を入力しましょう。