Jump to content
Isabelle A

Affichage du mot de passe lors de la connexion à son compte

Recommended Posts

Bonjour

Je travaille sur un site e-commerce sous Prestashop 1.6.1.16

Lors de la création de compte, ou de la connexion, le client doit noter un mot de passe. y a t-il un moyen pour mes clients d'afficher le mot de passe qu'ils tapent ?

On retrouve cette option sur de nombreux site en cliquant sur une îcone en forme d'oeil.

Comment faire pour proposer cette option sur mon site ?

 

Merci d'avance pour vos conseils

Share this post


Link to post
Share on other sites

A 2 endroits dans  dans authentication.tpl du thème

//Pour la page de connexion:
						<div class="form-group">
							<label for="passwd">{l s='Password'}</label>
							<input class="is_required validate account_input form-control" type="password" data-validate="isPasswd" id="passwd" name="passwd" value="{if isset($smarty.post.passwd)}{$smarty.post.passwd|stripslashes}{/if}"/>
							<input type="checkbox" onclick="showPassword('passwd')"/> <label class="showpass">{l s='Voir le mot de passe'}</label>
						</div>


/.... et plus bas pour l'inscription .../



<div class="form-group checkpass">
						<label for="passwd">{l s='Password'}</label>
                        <input class="is_required validate account_input form-control" type="text" onfocus="this.type='password'" data-validate="isPasswd" id="passwd" name="passwd" value="{if isset($smarty.post.passwd)}{$smarty.post.passwd|stripslashes}{/if}" autocomplete="off"/>
						<input class="checkpass" type="checkbox" onclick="showPassword('passwd')"/> <label class="showpass">{l s='Afficher le mot de passe'}</label>
                    </div>

et dans /js/authentication.js du thème:

function showPassword(id) {
    var x = $('#'+id);
    if (x.attr('type') === 'password') {
        x.attr('type','text');
    } 
	else {
        x.attr('type','password');
    }
}

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More