商品バリエーションのカスタマイズ

カスタマイズメタフィールドを設定することで、商品オプションを選択する際、商品バリエーション毎にバッジを表示することができます。

本ガイドではそのカスタマイズ方法をご案内いたします。

イメージ画像

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

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

項目名

内容

名前

商品バリエーションバッジ

ネームスペースとキー

appify-mobile.product_variant_badges

説明

任意で入力してください

タイプ

単一行のテキスト[値のリスト]

Shopify管理画面>商品管理>ボタンをつけたい商品>メタフィールド>商品メタフィールドから、バリエーションによる同梱制御に任意の文字列を入力します。

  • メタフィールドに入力する文字列が長文の場合、テキストは折り返されて表示されます。

  • 文字列は複数登録が可能ですが、商品バッジは縦に並んで表示されます。

以上の点を考慮してUIを意識した文字列を入力しましょう!

商品バッジの文字列コピーを活用しましょう

商品バッジを長押しすることでテキストをコピーすることができます。

例えば、商品バリエーション毎にクーポンを発行している場合、商品バッジにクーポンコードを入力しておくことで、コピーしたテキストをそのままチェックアウト画面でペーストすることができます。