How to display "eye" icon to show/hide password on enterprise theme

Shopify Discussion
1

Greetings,

As the title says, i´m looking on how to display the eye icon in order to hide or show password on login and register forms and also move the “reset password text” to the bottom, example on my site:

Geminis_0-1703612766704.png
Geminis_0-1703612766704.png533×401 10.8 KB

I have seen another store with my same theme that manage to solve this, example below:

Geminis_1-1703612868102.png
Geminis_1-1703612868102.png517×501 14.3 KB

Is there any code or something to implement exactly as the example above of the other store?

2

Showing password values is basically done with javascript changing the 's type from password to text.

Plenty of HTML,CSS and javascript discussions on how to do this are available online by searching the keywords above.

Example: https://stackoverflow.com/questions/31224651/show-hide-password-onclick-of-button-using-javascript-only

If you need a bespoke customization built for you then contact me by email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

3

To display an “eye” icon to show/hide password functionality on your Shopify store using the Enterprise theme, you can utilize the “WOW Show/Hide Password” app which is compatible with the latest themes. Follow these steps to integrate the feature:

  1. Install the App: Go to Wow Hide Show Password app ( https://apps.shopify.com/show-hide-password ) on Shopify App Store and install the app. Make sure you are logged in to your Shopify admin area.

  2. Enable the App: After installation, navigate to the app’s settings from your Shopify admin dashboard. There should be an option to enable or disable the show/hide password functionality.

  3. Customize the Icon: The app typically provides an “eye” icon that users can click to toggle the visibility of their password. You can configure this icon and its placement depending on the customization options available within the app.

  4. Preview Changes: Before making the feature live, preview it on your store to ensure it works seamlessly with the Enterprise theme. This step helps you verify that the “eye” icon appears correctly in all types of password fields across your site.

  5. Go Live: Once you are satisfied with the configuration and functionality, save the changes. The “eye” icon for showing and hiding the password will now be active on your store.

This application is well-suited for enhancing both security and usability by allowing easy toggling of password visibility on your Shopify store.