FROM CACHE - jp_header

アカウントページの会員情報に関して

解決済

アカウントページの会員情報に関して

akiiiii3
観光客
14 0 1

会員登録時に誕生日を入力できるようにコードをカスタマイズしたのですが、

アカウントページに行っても、誕生日が反映されません。

会員登録時に入力した誕生日をアカウントページでも確認できるようにするには、どのようなコードカスタマイズをすれば良いでしょうか。

 

<会員登録時の誕生日コード>

<div class="customer-birthday"> <p>生年月日</p> <ul class="grid grid--3-col"> <li class="grid__item"><select id="year" name="customer[note][Year]"><option value="0">Year</option></select></li> <li class="grid__item"><select id="month" name="customer[note][Month]"><option value="0">Month</option></select></li> <li class="grid__item"><select id="day" name="customer[note][Day]"><option value="0">Day</option></select></li> </ul> </div>

1 件の受理された解決策
Qcoltd
Shopify Partner
1085 442 438

成功

@akiiiii3 様

 

左様でしたか。

勘違い失礼いたしました。

 

前回の返信に記載したリワイア様のブログ記事に以下の記載がありました。

https://rewired.cloud/birthday-metafields-through-shopify-flow/

Customer note で取得した項目は、顧客の「メモ」欄に登録されます。ただ、この欄にある情報は Liquid からアクセスできないためこのままでは使えません。

 

また、Shopifyコミュニティ内に以下のやりとりがありました。

https://community.shopify.com/c/%E7%B7%8F%E5%90%88%E7%9A%84%E3%81%AA%E3%83%87%E3%82%A3%E3%82%B9%E3%8...

共有いただいた方法は、customer noteに保存する方法で、これはnoteはLiquidで参照できず、かつ登録時しか設定できないので、このままでは2つとも無理です。

 

Customer noteをliquidで出力する方法は存在しないようです。

上記のリワイア様のブログ記事が正にその解決方法になっています。

 

Shopify Flowを使用できない場合は、

上記のShopifyコミュニティのやり取りでスタッフの方が紹介されている下記のアプリを利用されると良いかもしれません。

https://apps.shopify.com/customr?locale=ja

 

少し調べてみたところ、

上記のアプリで保存したデータをLiquidから出力する方法が下記のページにまとめられていました。

https://help.heliumdev.com/en/articles/3554141-metafield-data-in-liquid

 

参考になれば幸いです。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/

元の投稿で解決策を見る

6件の返信6

Qcoltd
Shopify Partner
1085 442 438

記載いただいたコードを、

開発ストアにて試してみました。

 

下図のように、年月日が顧客情報に追加されました。

(記載いただいたコードをそのまま使用いたしました。手は加えておりません。)

 

screenshot_20220913_01.png

 

上記のように、「メモ」ではなく、

生年月日の項目自体が、

顧客情報に追加されて欲しい、

ということでしたでしょうか?

 

もし、質問者様の、Shopifyの契約が、スタンダード以上であれば、

Shopify Flowが利用できますので、

下記の株式会社リワイア様のブログで紹介されている方法で、

メタフィールドに格納し直す、ということができるようです。

 

https://rewired.cloud/birthday-metafields-through-shopify-flow/

 

 

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
akiiiii3
観光客
14 0 1

お試しいただきありがとうございます。

アカウントページ=顧客のマイページのことで説明不足で申し訳ございません。

アカウントの詳細に会員登録時に入力した住所は出てくるのですが、会員登録時に入力した誕生日も表示させることは可能なのでしょうか。

スクリーンショット 2022-09-14 16.48.21.png

Qcoltd
Shopify Partner
1085 442 438

成功

@akiiiii3 様

 

左様でしたか。

勘違い失礼いたしました。

 

前回の返信に記載したリワイア様のブログ記事に以下の記載がありました。

https://rewired.cloud/birthday-metafields-through-shopify-flow/

Customer note で取得した項目は、顧客の「メモ」欄に登録されます。ただ、この欄にある情報は Liquid からアクセスできないためこのままでは使えません。

 

また、Shopifyコミュニティ内に以下のやりとりがありました。

https://community.shopify.com/c/%E7%B7%8F%E5%90%88%E7%9A%84%E3%81%AA%E3%83%87%E3%82%A3%E3%82%B9%E3%8...

共有いただいた方法は、customer noteに保存する方法で、これはnoteはLiquidで参照できず、かつ登録時しか設定できないので、このままでは2つとも無理です。

 

Customer noteをliquidで出力する方法は存在しないようです。

上記のリワイア様のブログ記事が正にその解決方法になっています。

 

Shopify Flowを使用できない場合は、

上記のShopifyコミュニティのやり取りでスタッフの方が紹介されている下記のアプリを利用されると良いかもしれません。

https://apps.shopify.com/customr?locale=ja

 

少し調べてみたところ、

上記のアプリで保存したデータをLiquidから出力する方法が下記のページにまとめられていました。

https://help.heliumdev.com/en/articles/3554141-metafield-data-in-liquid

 

参考になれば幸いです。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
akiiiii3
観光客
14 0 1

ご丁寧にありがとうございました。noteをliquidで出力する方法はないとのことで、諦めがつきました。記載いただいたアプリ参考にさせていただきます。

ありがとうございました。

Qcoltd
Shopify Partner
1085 442 438

@akiiiii3 様

 

1つ思いついた方法があったので、共有いたします。

 

誕生日をどのような用途でご利用になりたいかによっては、

全く役に立たないかもしれませんが、

顧客タグを利用することで可能かもしれません。

(動作確認はしておりません。)

 

こちらの記事を拝見すると、
下記のようにすることで会員登録画面から顧客タグを登録できそうです。

 

<input type="text" name="customer[tags]">

 

 
上記をJSなどでうまく操作し、
誕生日:yyyy-mm-dd

というタグを、顧客タグとして登録させます。

 

顧客タグはliquidで出力可能ですので、

https://shopify.dev/api/liquid/objects#customer-tags

表示時にうまく、replaceなどかけてあげれば、

マイページに誕生日を表示することができるかもしれません。

 

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
akiiiii3
観光客
14 0 1

追加情報いただきありがとうございます。

誕生日を自動でタグ登録したかったため、こちら試してみます。

ありがとうございました。