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

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

[商品バッジ] メタフィールドの作成方法

[商品バッジ] を各商品バリエーションごとに設定する

[商品バッジ] メタフィールドの作成方法

Shopifyの管理画面から設定 > カスタムデータと進んで設定をします。

バリエーションをクリックして［定義を追加する］ボタンをクリックしてください。

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

項目名	内容
名前	商品バリエーションバッジ
ネームスペースとキー	appify-mobile.product_variant_badges
説明	任意で入力してください
タイプ	単一行のテキスト[値のリスト]

[商品バッジ] を各商品バリエーションごとに設定する

Shopifyの商品管理から対象商品をクリックして同梱制御したバリエーションの最下部までスクロールしてください。

バリエーションによる同梱制御に任意の文字列を入力します。

UIを考慮して文字列の設定をしましょう

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

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

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

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

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

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