カスタマイズメタフィールドを設定することで、商品オプションを選択する際、商品バリエーション毎にバッジを表示することができます。
本ガイドではそのカスタマイズ方法をご案内いたします。
イメージ画像
Shopify管理画面>設定>メタフィールドとメタオブジェクト>商品>定義を追加するから設定を行います。
次に、各項目に下記の内容を入力してください。
項目名 | 内容 |
名前 | 商品バリエーションバッジ |
ネームスペースとキー | appify-mobile.product_variant_badges |
説明 | 任意で入力してください |
タイプ | 単一行のテキスト[値のリスト] |
Shopify管理画面>商品管理>ボタンをつけたい商品>メタフィールド>商品メタフィールドから、バリエーションによる同梱制御に任意の文字列を入力します。
メタフィールドに入力する文字列が長文の場合、テキストは折り返されて表示されます。
文字列は複数登録が可能ですが、商品バッジは縦に並んで表示されます。
以上の点を考慮してUIを意識した文字列を入力しましょう!
商品バッジの文字列コピーを活用しましょう
商品バッジを長押しすることでテキストをコピーすることができます。
例えば、商品バリエーション毎にクーポンを発行している場合、商品バッジにクーポンコードを入力しておくことで、コピーしたテキストをそのままチェックアウト画面でペーストすることができます。