Shopifyのアカウントマイページを日本仕様に編集する


編集テーマ:modular

Shopifyは外国製なので会員登録やマイページの名前表示欄が「名」「氏」の順番になっています。このままだと違和感があるので、

オンラインストア>テーマ>アクション>コードを編集するから編集します
※編集前にテーマの複製をしてください

今回「modular」というテンプレートをカスタマイズしています。

左上の「ファイルを検索する」窓から” account "で検索して
" customers/account.liquid "を見つけます

コードの中から" first "を検索して(macだとcommand+Fで検索できます)

{{ customer.default_address.first_name }} を見つけます。

今回は87行目にありました。
 <p>{{ customer.default_address.first_name }} {{ customer.default_address.last_name }}</p>

ファーストネーム、ラストネームの順になっているので逆にします。
<p>{{ customer.default_address.last_name }}{{ customer.default_address.first_name }} </p>

これでアカウントマイページで「氏」「名」の順になります。

今回「modular」ではアカウントマイページの注文日時が
「%年%月%日」という表示エラーになっていました。

こちらは48〜51行目ここが該当する箇所になります。コードは以下の通りです。
<div class="d-table-cell med_d-block">
<p class="med_show c-gray">{{ 'customer.orders.date' | t }}</p>
{{ order.created_at | date: format: 'month_day_year' }}
</div>

50行目を
{{ order.created_at | date: "%Y-%m-%d %H:%M"}}
に変更することで " 2021-05-01 16:00 "という表示にできました。

 

この記事が気に入ったらサポートをしてみませんか?