Customer Account Login Account Icon

Solved
Highlighted
Shopify Expert
3449 541 813

@Amvisible 

You can find text for account with something "| t"next to added icon.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Shopify Expert
3449 541 813

@shaggybuddy 

Use this svg for account icon.

<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-login" viewBox="0 0 28.33 37.68"><path d="M14.17 14.9a7.45 7.45 0 1 0-7.5-7.45 7.46 7.46 0 0 0 7.5 7.45zm0-10.91a3.45 3.45 0 1 1-3.5 3.46A3.46 3.46 0 0 1 14.17 4zM14.17 16.47A14.18 14.18 0 0 0 0 30.68c0 1.41.66 4 5.11 5.66a27.17 27.17 0 0 0 9.06 1.34c6.54 0 14.17-1.84 14.17-7a14.18 14.18 0 0 0-14.17-14.21zm0 17.21c-6.3 0-10.17-1.77-10.17-3a10.17 10.17 0 1 1 20.33 0c.01 1.23-3.86 3-10.16 3z"></path></svg>
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
28 0 1

Hi Jas, i would like to also add a login/logout & Signup text beside the account icon. may i know how do i code that in?

0 Likes
Highlighted
Shopify Expert
3449 541 813

HI @TheSeaMarket 

I already mentioned all step in this post you check and let me know from where you get issue. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
6 0 1

I tried to add the svg code, but i cant find the right place. 

 

{% if shop.customer_accounts_enabled %}
<ul class="header-bar__module header-bar__module--list">
{% if customer %}
<li>
<a href="{{ routes.account_url }}">{{ 'layout.customer.account' | t }}</a>
</li>
<li>
{{ 'layout.customer.log_out' | t | customer_logout_link }}
</li>
{% else %}
<li>
{{ 'layout.customer.log_in' | t | customer_login_link }}
</li>
<li>{{ 'layout.customer.or' | t }}</li>
<li>
{{ 'layout.customer.create_account' | t | customer_register_link }}
</li>
{% endif %}
</ul>
{% endif %}

 

I tried to add it in this area, but i can not find the right place.

0 Likes
Highlighted
Tourist
28 0 1

HI Jasoliya, instead of adding the login icon and removing the "Account" link, i would like to have that added beside the login icon so that my customer would have a clearer idea of what exactly does that icon mean.

 

for a customer who has login/signup with us, i would like to have the words "Login/Signup" beside the icon and once they have done so, the word "Account" 

0 Likes
Highlighted
Shopify Expert
3449 541 813

You can see this thread and find you account icon in header.liquid file and change, its different base on theme so cant say exact.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
3 0 0

Hello,

How do I get these same icons in the Brooklyn theme? I want these three icons, but this code didn't work for me.

Thanks

0 Likes
Highlighted
Shopify Expert
3449 541 813

You have to place this svg in header.liquid file as per your theme code. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes