アカウントページの都道府県プルダウンの表示順について

お世話になっております。

現在Debutテーマを利用してストア構築を行っているのですが、account/addressなどのページに用意されている住所登録formにある都道府県のプルダウンが、

ローマ字表記のアルファベット順(Aichi > Akita > Aomori…)となっており、これを一般的な北海道から始まるプルダウンに変更したいと思っています。

チェックアウトページではそのようになっているようですが、account/addressページなどのプルダウンは変更できないものでしょうか?

また調べてみると、チェックアウトでの都道府県selectボックスのoption value値はJP-01などの ISO 3166-2:JP 形式ですが、account/addressページでは Aichi などのローマ字になっていることに気が付きました。これもなにかの設定によるものなのでしょうか?

念の為formのスクリーンショットをアップしておきます。

ご教授いただきたく存じます。

よろしくお願いいたします。

Liquid objectの all_country_option_tags で出力されたもので、
https://shopify.dev/docs/themes/liquid/reference/objects/all-country-option-tags

それぞれの国に紐づくprovinces(日本では都道府県)の名前(北海道)と送信する値(Hokkaidō)はShopify側で指定されてるように見えます。

順番を任意にものにするには、↑のようになってる、日本のdata-provincesの属性値を、

[["Hokkaidō","北海道"], ....., [Okinawa","沖縄県"]]

のように任意の順番に変えたものに差し替えるJavaScriptを自分で書いて挿入するしかなさそうに思います!

2 Likes

ありがとうございます!

少し対応を検討してみます!