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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最終更新