Shopify themes, liquid, logos, and UX
Hi,
I would like to remove/hide the 'Enter using password' link from the top right hand corner of our password page. We are using the atlantic theme, can anyone help please?
Thanks,
Polly
Hi, @pfarrington,
Hank here from Shopify.
This is possible through some editing to the theme code, however, it would limit how you can access your store while the password page is enabled.
You would no longer be able to log in from the front end of your website, or if you opened your website using Incognito mode. This would not change your access via your admin though.
Now as you mentioned you are using a third-party theme in Atlantic, you would need to reach out to them to query if this could be done via the theme coding. I have their support page for you here.
Hopefully, someone with more technical skills in the community will come across this and be able to add some value to you here, but if not, another option would be to reach out to one of our Shopify Experts, who you can hire to do almost any custom work on your store.
If you were to reach out to them about this query, they would be able to resolve this issue for you.
I will also move your post to the design page, where more appropriate developers would be viewing the page and may come across your post also.
All the best,
Hank
Hank | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Hi there,
I'm using the Dawn theme and removed the 'enter password' line but realise now that I do actually need it. I can't remember what I did to change it/remove it! are you able to advise on how to put it back? Thank you
send your store url will check
best regard
Hey,
I'm trying to remove the "enter using password" block from my page when using my site for "coming soon" campaign. I'm using Baseline theme. Could you maybe help?
Hi there,
I'm using the Origin theme and want to remove the 'enter password' line. Are you able to advise on how to make it happen? Thank you
Hi @Hank
How do I remove the store name and the lock icon in the header, as seen below? I've successfully removed the Enter Using Password text/link.
Thanks,
Jessy Chung
Hi there, @jessychung - I am hopping in here to give Hank a hand, I'd love to help you with your query!
Can you share with me a screenshot or link of what exactly you're referring to please? Thanks, looking forward to your reply
Ivy | Social Care @ Shopify
Out Of Office
-Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
Hi @pfarrington
Send your store url will send you possible solution.
Best regard
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file
.admin-login-modal{ display: none;}
That is great to hear that, @Jasoliya's suggestion worked for you!
Be sure to accept that as a solution so that you can help future Community members with this query, as well as recognizing the assistance provided.
Hank | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
@Jasoliya thumbs up! This is the right Solution to the question. I wanted to do something similar - only remove 'Enter Using Password' text, keep the lock icon though, which I think is a smarter approach, so that the admin can login to the store quickly & from the front-end.
I did that by changing the font-size multiple from 0.8 to 0.0 in the code below in my Brooklyn theme's theme.scss.liquid asset.
.password-login {
@include accentFontStack;
font-size: em(0.0 * $baseFontSize);
line-height: 0.8 * $baseFontSize;
in sections folder, go to "Password-template.liquid"
delete the following code
<a href="#">• {{ 'general.password_page.login_form_heading' | t }} •</a>
worked for me in Turbo theme
In layout section go to ''password.liquid'' folder, then search for ''password-login''.
You should see a line like this:
<div class="password-login">
<a href="#LoginModal" class="js-modal-open-login-modal link--action btn btn--secondary" aria-haspopup="dialog">
{{ 'general.password_page.password_link' | t }} <span aria-hidden="true">→</span>
</a>
</div>
<!---
-->
Insert a comment between the line and save.
You should have this result:
<!---
<div class="password-login">
<a href="#LoginModal" class="js-modal-open-login-modal link--action btn btn--secondary" aria-haspopup="dialog">
{{ 'general.password_page.password_link' | t }} <span aria-hidden="true">→</span>
</a>
</div>
-->
Then save and refresh you e-commerce page
Thank you, worked for me
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024