choix mot de passe utilisateur sur userform maison

Statut : non résolu

Ce sujet contient 0 réponse, 1 participant et a été mis à jour pour la dernière fois par blue_nova, le il y a 9 années et 5 mois.

Affichage de 1 message (sur 1 au total)

Auteur

Messages

11 mai 2015 à 11 h 54 min #549825

blue_nova

Participant

Initié WordPress

6 contributions

Bonjour,

Ma configuration WP actuelle
– Version de WordPress : 4.1.5
– Thème utilisé : X the theme
– Adresse du site : www editions-leherondargent com

Problème(s) rencontré(s) :
Bonjour,

dans le but de simplifier le processus de commande utilisateur, j’ai mis en place le système suivant (amazon style):

Panier -> connexion / inscription -> adresse -> paiement

L’écran qui me pose un peu de soucis est l’écran connexion/inscription.

J’ai crée un formulaire maison (code plus bas) qui permet au client de se logger, de s’enregistrer ou de demander un nouveau mot de passe en restant sur la page, tant qu’il ne s’est pas loggé. Ca marche et c’est cool 🍺

Maintenant, la majeur de nos clients sont des nouveaux clients. Je voudrais donc ajouter un champs : mot de passe dans l’suerform s’enregistrer.
le client crée son compte avec son mot de passe, est directement connecté puis est transféré vers la page adresse .

j’ai copié le code de base, modifié le script et mis en place l’écran.
Je ne sais pas comment faire pour rajouter le champs password.

Merci poru vos conseils

ps: le code mis en place :

SCRIPT

<script type="text/javascript" charset="utf-8">
        jQuery(function($) {
            
            $("#lien_login").addClass('actif');
            
            $("#lien_login").click(function() {
                 $("#tab1_login").show();
                 $("#tab2_login").hide();
                 $("#tab3_login").hide();
                 $("#lien_login").addClass('actif');
                 $("#lien_register").removeClass('actif');
                 $("#lien_lost").removeClass('actif');
            });
            $("#lien_register").click(function() {
                 $("#tab1_login").hide();
                 $("#tab2_login").show();
                 $("#tab3_login").hide();
                 $("#lien_register").addClass('actif');
                 $("#lien_login").removeClass('actif');
                 $("#lien_lost").removeClass('actif');
            });
            $("#lien_lost").click(function() {
                 $("#tab1_login").hide();
                 $("#tab2_login").hide();
                 $("#tab3_login").show();
                 $("#lien_lost").addClass('actif');
                 $("#lien_login").removeClass('actif');
                 $("#lien_register").removeClass('actif');
            });
            
        });
    </script>

FORMULAIRE

    
<div id="login-register-password">

	<?php global $user_ID, $user_identity; get_currentuserinfo(); if (!$user_ID) { ?>

    <div class="tabs_login">
		<p id="lien_login">Connexion</p>
		<p id="lien_register">Inscription</p>
		<p id="lien_lost">Mot de passe oublié</p>
    </div>
    
	<div class="tab_container_login" style="text-align:center;">
		<div id="tab1_login" class="tab_content_login">
            <h4 style="text-align: center;font-size:16px;font-weight:bold;padding-bottom:15px;">Connexion</h4>
			<?php $register = $_GET['register']; $reset = $_GET['reset']; if ($register == true) { ?>

			<h3 style="padding-bottom:15px;">Enregistrement réussi!</h3>
			<p style="padding-bottom:15px;">Votre mot de passe vient de vous être envoyé à l’adresse mail renseignée.</p>

			<?php } elseif ($reset == true) { ?>

			<h3 style="padding-bottom:15px;">Demande enregistrée!</h3>
			<p style="padding-bottom:15px;">Votre nouveau mot de passe vient de vous être envoyé à l’adresse mail renseignée.</p>

			<?php } ?>

			<form method="post" action="<?php bloginfo('url') ?>/wp-login.php » class= »wp-user-form »>
				<div class="username">
					<label for="user_login"><?php _e('Identifiant'); ?>: </label>
					<input type="text" name="log" value="<?php echo esc_attr(stripslashes($user_login)); ?> » size= »20″ id= »user_login » tabindex= »11″ />
				</div>
				<div class="password">
					<label for="user_pass"><?php _e('Mot de passe'); ?>: </label>
					<input type="password" name="pwd" value="" size="20" id="user_pass" tabindex="12" />
				</div>
				<div class="login_fields">
					<div class="rememberme">
						<label for="rememberme">
							<input type="checkbox" name="rememberme" value="forever" checked="checked" id="rememberme" tabindex="13" /> Rester connecté
						</label>
					</div>
					<?php do_action('login_form'); ?>
					<input type="submit" name="user-submit" value="<?php _e('connexion'); ?> » tabindex= »14″ class= »user-submit » />
					<input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?> » />
					<input type="hidden" name="user-cookie" value="1" />
				</div>
			</form>
		</div>
		<div id="tab2_login" class="tab_content_login" style="display:none;">
			<h4 style="text-align: center;font-size:16px;font-weight:bold;padding-bottom:15px;">Créer un compte</h4>
			<form method="post" action="<?php echo site_url('wp-login.php?action=register', 'login_post') ?> » class= »wp-user-form »>
				<div class="username">
					<label for="user_login"><?php _e('Identifiant'); ?>: </label>
					<input type="text" name="user_login" value="<?php echo esc_attr(stripslashes($user_login)); ?> » size= »20″ id= »user_login » tabindex= »101″ />
				</div>
				<div class="password">
					<label for="user_email"><?php _e('Email'); ?>: </label>
					<input type="text" name="user_email" value="<?php echo esc_attr(stripslashes($user_email)); ?> » size= »25″ id= »user_email » tabindex= »102″ />
				</div>
				<div class="login_fields">
					<?php do_action('register_form'); ?>
					<input type="submit" name="user-submit" value="<?php _e('Créer mon compte'); ?> » class= »user-submit » tabindex= »103″ />
					<?php $register = $_GET['register']; if($register == true) { echo '<p>Votre mot de passe vous a été envoyé à votre adresse mail.</p>‘; } ?>
					<input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>?register=true » />
					<input type="hidden" name="user-cookie" value="1" />
				</div>
			</form>
		</div>
		<div id="tab3_login" class="tab_content_login" style="display:none;">
			<h4 style="text-align: center;font-size:16px;font-weight:bold;padding-bottom:15px;">Mot de passe perdu</h4>
			<p style="padding-bottom:15px;">Entrer votre pseudo ou votre email afin de recevoir un nouveau mot de passe</p>
			<form method="post" action="<?php echo site_url('wp-login.php?action=lostpassword', 'login_post') ?> » class= »wp-user-form »>
				<div class="username">
					<label for="user_login" class="hide"><?php _e('Username or Email'); ?>: </label>
					<input type="text" name="user_login" value="" size="20" id="user_login" tabindex="1001" />
				</div>
				<div class="login_fields">
					<?php do_action('login_form', 'resetpass'); ?>
					<input type="submit" name="user-submit" value="<?php _e('Nouveau mot de passe'); ?> » class= »user-submit » tabindex= »1002″ />
					<?php $reset = $_GET['reset']; if($reset == true) { echo '<p style="padding-top:15px;">Un email vous sera envoyé.</p>‘; } ?>
					<input type="hidden" name="redirect_to" value="<?php echo $_SERVER['REQUEST_URI']; ?>?reset=true » />
					<input type="hidden" name="user-cookie" value="1" />
				</div>
			</form>
		</div>
	</div>

CSS

.tabs_login {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  padding: 0 0 30px;
text-align:center;
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
}

.tabs_login > p, .tabs_login > p:last-child {
background:#920000;
padding: 5px 20px;
width: 200px;
color:white;
margin-bottom:20px;
}

.tabs_login > p:hover, .tabs_login > p:last-child:hover, .tabs_login > p.actif {
  background: none repeat scroll 0 0 rgb(0, 80, 0);
}

Auteur

Messages

Affichage de 1 message (sur 1 au total)

Le forum ‘Utilisation spécifique de WordPress’ est fermé à de nouveaux sujets et réponses.