How to add one register or sign in icon in the header of dawn theme on Shopify

Store Design
1

Hello!

I am using the dawn template and I would like to add a “person” icon in the right side of the header, where customers can either register (if they haven’t yet) or log in.

So far, I have only found out how to place a “sign in” icon in the header, but not how to make a single icon for customers where they can register or log in. I was also trying to search for the right html codes to edit the code of the template, but unfortunately I do not have enough knowledge about that.

I am kindly asking for your support and looking forward to your answers!

2

Hi there, glad to help. Do you currently a page created where customers can register or log in, and you just need the icon to link to it? Or, you still need to create the page, and add the icon?

Thanks.

3

Hi Zqdo,

Regarding Login: On Shopify, I was able to enable “Login link shown in online store and checkout” (in Settings → Customer Accounts) which is why a person icon now appears at the top (see screenshot).

Regarding registration page, I found out via the community that there is an existing registration form (https://website.com/account/register.)

The question I have now is how to make a person icon in the header under which you can register or log in (and not just log in) and how to integrate the existing registration page there.

I hope I have now formulated it more understandable.. thank you for your help already!

4

You probably would not need to create a second icon, rather when a customer clicks that icon, you can make it so that they will either have the option to register or login.

Would that be a good option for you?

5

Yes! That is exactly what I meant.

6

Sounds good! This will involve some custom coding to complete this feature. Do you have any experience with coding HTML and CSS, by any chance?

7

Yes, I have a some basic knowledge about HTML (how to access, some attributes, basic formatting and similar :slightly_smiling_face:

8

Can you share the link to your website? It will make it a little bit easier for me to help you out. Thanks!

9

Hi Zqdo,

yes sure here you go: https://www.midmood.com.

10

Do you currently know where your register page is?

If so, in your code, you can put a link on the log-in page, which will direct customers right to the register page.

If you need help doing this, I’d be glad to assist.

11

Hi Zqdo,

yes, the register form is located in the code of the dawn theme (main-register.liquid).

It would be great if you could help me here step by step.
Where would I need to put the code from the main-register.liquid, so customers can click on the icon on the main page and sign in or register?

12

You would be putting a link on the log-in page itself that you take customers from there to the register page.

So somewhere on the log-in page liquid file, paste a link like this:

Don't have an account? Click here

which would take customers to the register page.

If you need any extra help, or would like me to set this up for you, feel free to reach out to me via the details in my signature below.

13

Thanks a lot, Zqdo! Worked out great :slightly_smiling_face:

14

No problem. Have a good day!