How can I correctly add extra info on register page?

How can I correctly add extra info on register page?

y_y
Tourist
10 0 4

Hi. I am straggling to add extra information to ask to customers on our register page. 

 

Now I have two problems and below is the photo of the page I made on a draft (so on the real page it's little bit different)

 

1. want to locate "誕生日" on the leftmost 

You can see the word "誕生日" in the middle, which means "birthday" in Japanese. 

In terms of arrangement I want to locate it at the leftmost like other labels such as "Email", "パスワード"(password). 

How can I do this?

 

2. want to locate "性別" as label 

Above the green button you can see radio buttons and the leftmost one is "性別", which actually means "gender". So I want to locate it as the label of this category but my code does not work correctly. 

 

Here is my code concerning this page. Please tell me where and how to fix. 

Thank you

 

{% form 'create_customer' %}

{{ form.errors | default_errors }}

<label for="FirstName" class="hidden-label">{{ 'customer.register.first_name' | t }}</label>
<input type="text" name="customer[first_name]" id="FirstName" class="input-full" placeholder="{{ 'customer.register.first_name' | t }}" {% if form.first_name %}value="{{ form.first_name }}"{% endif %} autocapitalize="words" autofocus>

<label for="LastName" class="hidden-label">{{ 'customer.register.last_name' | t }}</label>
<input type="text" name="customer[last_name]" id="LastName" class="input-full" placeholder="{{ 'customer.register.last_name' | t }}" {% if form.last_name %}value="{{ form.last_name }}"{% endif %} autocapitalize="words">

<label for="Email" class="hidden-label">{{ 'customer.register.email' | t }}</label>
<input type="email" name="customer[email]" id="Email" class="input-full{% if form.errors contains 'email' %} error{% endif %}" placeholder="{{ 'customer.register.email' | t }}" {% if form.email %} value="{{ form.email }}"{% endif %} autocorrect="off" autocapitalize="off">

<label for="CreatePassword" class="hidden-label">{{ 'customer.register.password' | t }}</label>
<input type="password" name="customer[password]" id="CreatePassword" class="input-full{% if form.errors contains 'password' %} error{% endif %}" placeholder="{{ 'customer.register.password' | t }}">

<label for="birthday" class="label">誕生日</label>
<input type="date" value="" name="customer[note][誕生日]" id="birthday">

<div class="field-radio">
<label for="gender" class="label">性別</label>
<input type="radio" value="男性" name="customer[note][性別]" id="gender">男性
<input type="radio" value="女性" name="customer[note][性別]" id="gender">女性
<input type="radio" value="その他" name="customer[note][性別]" id="gender">その他
<input type="radio" value="解答しない" name="customer[note][性別]" id="gender">解答しない
</div>

<p>
<input type="submit" value="{{ 'customer.register.submit' | t }}" class="btn btn--full">
</p>
<a href="{{ shop.url }}">{{ 'customer.register.cancel' | t }}</a>

{% endform %}

 

スクリーンショット 2022-10-05 14.12.38.png

Replies 6 (6)

KetanKumar
Shopify Partner
36932 3642 11996

@y_y 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
y_y
Tourist
10 0 4

Hi! Thanks for contacting me. Here's our shop. 

https://shop.ethicalspirits.jp/

KetanKumar
Shopify Partner
36932 3642 11996

@y_y 

yes, i have check now its work

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
y_y
Tourist
10 0 4

@KetanKumar 

Could you specify whereto edit in the code?

The problems I described above still remain unsolved

KetanKumar
Shopify Partner
36932 3642 11996

@y_y 

can you please share specials screenshot that part

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
y_y
Tourist
10 0 4

@KetanKumar 

Sorry for replying late,

Here's the link and the screenshot!

 

https://shop.ethicalspirits.jp/account/register

 

 

スクリーンショット 2022-10-20 21.45.45.png