Bloc My Account Update graphisme variable si connecté

donaldlloyds · December 31, 2009

bonjour, ja i installer le bloc update pour My account cependant j aimerais que l image utilisé soit diffèrente lorsque l utilisateur se connecte.

Pour illustrer mes propos voici le site en question http://www.monstockprive.com/

j aimerais que le petit diable devienne un ange lorsque le client se connecte.
Merci pour votre aide et bonne année

Atch · January 1, 2010

Salut Donald et Bonne année 2010

Je te donne une solution :

Edit le tpl du bloc "my account" et ajoute à la balise

une class du style :

 blabla

ensuite dans ton global.css, ajoute les lignes suivantes en dessous de la ligne 965 :
(supprime : background:transparent url(../img/block_header_myaccount.png) no-repeat scroll left top;)

global.css (ligne 965)

div.myaccount h4 {
padding-top:70px;
}

ajoute

h4.ange {
background:transparent url(../img/block_header_myaccount-ange.png) no-repeat scroll left top;}

h4.diable {
background:transparent url(../img/block_header_myaccount-diable.png) no-repeat scroll left top;}

Bon courage...

PS : t'as arrêté le 2roues?

V++

Atch

ptidg · January 1, 2010

Je viens m'immiscer dans ce post car je cherche à mettre une image en background à ce module modifié par Nommam (merci à lui)
J'ai réussi à rajouter un background en modifiant le fichier tpl du module mais ce background ne s'affiche que lorsque l'on est pas connecté.
Dès que l'on est connecté il n'y a plus d'image de background. les images de header et footer sont toujours présentes par contre.

Bonne année à tous

donaldlloyds · January 1, 2010

Un grand merci a toi Atch et une bonne et heureuse année a tous !
j essai ta manip et je te tiens au courant, pour ce qui est du 2 roues la question ne se pose meme pas et je continurais tant que j aurais mes jambes
tien une petite photo de ma dernière prepa sur base de sv 650 pour un ami

http://photos-g.ak.fbcdn.net/hphotos-ak-snc3/hs220.snc3/22735_1098063991194_1814472854_203044_4715946_n.jpg

donaldlloyds · January 1, 2010

a quoi correspond blabla bla ?

donaldlloyds · January 1, 2010

bon j ai fait le test et ca deconne franchement je vous joind le script du css sur la partie concerné

}

/* block myaccount */
#left_column div.myaccount, #right_column div.myaccount { background: transparent url('../img/block_footer_myaccount.jpg') no-repeat bottom left; }
div.myaccount h4 { padding-top:70px; }
div.myaccount h4 a, div.myaccount h4 { color: white; }
div.myaccount, div.myaccount a { color: #5d0630; }
div.myaccount ul.bullet { margin-top: 0.6em; }
div.myaccount ul.bullet li { background-image: url('../img/bullet_myaccount.gif'); }
div.myaccount ul.bullet .icon { display: none; }
div.myaccount p.logout { padding: 0.3em 0 0.3em 2em; }
div.myaccount p.logout, div.myaccount p.logout a { color: #dd2a81; }
div.myaccount p.logout a { text-decoration: underline; }
div.myaccount p.logout a:hover { text-decoration: none; }
div.myaccount .block_content {
   background: #f6dce8 url('../img/block_bg_myaccount.jpg') repeat-x bottom left;
   border-left: 1px solid #f6dce8;
   border-right: 1px solid #f6dce8;
h4.ange {
background:transparent url(../img/block_header_myaccount-ange.png) no-repeat scroll left top;}

h4.diable {
background:transparent url(../img/block_header_myaccount-diable.png) no-repeat scroll left top;} 

}

donaldlloyds · January 1, 2010

et celui du tpl

<!-- Block My Account -->
 {if $logged}

{l s='My Account' mod='blockmyaccount'}
 blabla  

{l s='My orders' mod='blockmyaccount'}
           {if $returnAllowed}
{l s='Merchandise return' mod='blockmyaccount'}
           {/if}
{l s='Credit slips' mod='blockmyaccount'}
{l s='My addresses' mod='blockmyaccount'}
{l s='My personal info' mod='blockmyaccount'}
           {if $voucherAllowed}
{l s='My vouchers' mod='blockmyaccount'}
           {/if}
           {$HOOK_BLOCK_MY_ACCOUNT}



{l s='Sign out' mod='blockmyaccount'}



 {else}

    {if $displayconnexionbox}


{l s='My Account' mod='blockmyaccount'}

              <form action="authentication.php" method="post">

                      {l s='E-mail address' mod='blockmyaccount'}

                      <input type="text" id="email" name="email" value="{if isset($smarty.post.email)}{$smarty.post.email|escape:'htmlall'|stripslashes}{/if}"/><br />
                      {l s='Password' mod='blockmyaccount'}

                      <input type="password" id="passwd" name="passwd" value="{if isset($smarty.post.passwd)}{$smarty.post.passwd|escape:'htmlall'|stripslashes}{/if}"/><br />

                      <input type="hidden" name="back" value="{$back|escape:'htmlall':'UTF-8'}" />
<input type="submit" id="SubmitLogin" name="SubmitLogin" value="{l s='Log in' mod='blockmyaccount'}" class="button" /></div>

              </form>
              {if $displaypassword}

{l s='Forgot your password?' mod='blockmyaccount'}

              {/if}
              {if $displayregister}

{l s='No account yet?' mod='blockmyaccount'}

              {/if}



    {/if}
 {/if}
<!-- /Block My Account -->

Atch · January 1, 2010

a quoi correspond blabla bla ?

lol à ça :

{l s='My Account' mod='blockmyaccount'}

Du coup tu as répété deux fois H4, supprime les blablas ...

Mais vu le tpl, je viens de voir qu'il y a deux bloc my account, du cout c'est différent car il y a un bloc pour les connectés.

essaye ça au niveau du tpl :

<!-- Block My Account -->
 {if $logged}

{l s='My Account' mod='blockmyaccount'}

{l s='My orders' mod='blockmyaccount'}
           {if $returnAllowed}
{l s='Merchandise return' mod='blockmyaccount'}
           {/if}
{l s='Credit slips' mod='blockmyaccount'}
{l s='My addresses' mod='blockmyaccount'}
{l s='My personal info' mod='blockmyaccount'}
           {if $voucherAllowed}
{l s='My vouchers' mod='blockmyaccount'}
           {/if}
           {$HOOK_BLOCK_MY_ACCOUNT}



{l s='Sign out' mod='blockmyaccount'}



 {else}

    {if $displayconnexionbox}


{l s='My Account' mod='blockmyaccount'}

              <form action="authentication.php" method="post">

                      {l s='E-mail address' mod='blockmyaccount'}

                      <input type="text" id="email" name="email" value="{if isset($smarty.post.email)}{$smarty.post.email|escape:'htmlall'|stripslashes}{/if}"/><br />
                      {l s='Password' mod='blockmyaccount'}

                      <input type="password" id="passwd" name="passwd" value="{if isset($smarty.post.passwd)}{$smarty.post.passwd|escape:'htmlall'|stripslashes}{/if}"/><br />

                      <input type="hidden" name="back" value="{$back|escape:'htmlall':'UTF-8'}" />
<input type="submit" id="SubmitLogin" name="SubmitLogin" value="{l s='Log in' mod='blockmyaccount'}" class="button" /></div>

              </form>
              {if $displaypassword}

{l s='Forgot your password?' mod='blockmyaccount'}

              {/if}
              {if $displayregister}

{l s='No account yet?' mod='blockmyaccount'}

              {/if}



    {/if}
 {/if}
<!-- /Block My Account -->

et pour le css fait comme ça :

/* block myaccount */
#left_column div.myaccount, #right_column div.myaccount { background: transparent url('../img/block_footer_myaccount.jpg') no-repeat bottom left; }
div.myaccount h4 { padding-top:70px; }
div.myaccount h4 a, div.myaccount h4 { color: white; }
div.myaccount, div.myaccount a { color: #5d0630; }
div.myaccount ul.bullet { margin-top: 0.6em; }
div.myaccount ul.bullet li { background-image: url('../img/bullet_myaccount.gif'); }
div.myaccount ul.bullet .icon { display: none; }
div.myaccount p.logout { padding: 0.3em 0 0.3em 2em; }
div.myaccount p.logout, div.myaccount p.logout a { color: #dd2a81; }
div.myaccount p.logout a { text-decoration: underline; }
div.myaccount p.logout a:hover { text-decoration: none; }
div.myaccount .block_content {
   background: #f6dce8 url('../img/block_bg_myaccount.jpg') repeat-x bottom left;
   border-left: 1px solid #f6dce8;
   border-right: 1px solid #f6dce8;
}

div.myaccount h4.ange {
background:transparent url(../img/block_header_myaccount-ange.png) no-repeat scroll left top;}

div.myaccount h4.diable {
background:transparent url(../img/block_header_myaccount-diable.png) no-repeat scroll left top;}

PS : ton image de SV ne fonctionne pas...

V++

Atch

donaldlloyds · January 1, 2010

ca ne marche toujours pas l'image qui devrai etre modifié n est pas pris en compte et j ai celle ci a la place ds les 2 etats
http://www.monstockprive.com/themes/prestashop/img/block_header.gif

Atch · January 1, 2010

autant pour moi, c'est de ma faute, re essaye avec ça dans le css...

div.ange h4 {
background:transparent url(../img/block_header_myaccount-ange.png) no-repeat scroll left top;}

div.diable h4 {
background:transparent url(../img/block_header_myaccount-diable.png) no-repeat scroll left top;}

Atch

donaldlloyds · January 1, 2010

alors merci pour ton aide atch on y arrive, connecté j ai l ange ca fonctionne par contre déconnecté rien a bougé le diable ne s affiche pas j ai tjr le bloc header

donaldlloyds · January 1, 2010

si je change ca ca marche mais le diable apparait dans tous les block

global.css (ligne 964)
div.block h4 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/block_header_myaccount-diable) no-repeat scroll left top;
border-bottom:1px solid #595A5E;

Atch · January 1, 2010

normal que la première fois ça ne marchait pas...

tu mets dans le tpl :

et dans le css il y a :

div.diable h4

Donc c'est soit devil dans les deux cas ou diable .... mais pas l'un sans l'autre , ça marche toujours par pair

essaie ça dans le css

div.devil h4

J'dois pas être réveillé, l'erreur était de moi lol.

V++

Atch

donaldlloyds · January 1, 2010

ca marche nickel poulet merci

dc voila les codes pour ceux que ca interesse

installer le module my account update

CSS :

}

/* block myaccount */
#left_column div.myaccount, #right_column div.myaccount { background: transparent url('../img/block_footer_myaccount.jpg') no-repeat bottom left; }
div.myaccount h4 { padding-top:70px; }
div.myaccount h4 a, div.myaccount h4 { color: white; }
div.myaccount, div.myaccount a { color: #5d0630; }
div.myaccount ul.bullet { margin-top: 0.6em; }
div.myaccount ul.bullet li { background-image: url('../img/bullet_myaccount.gif'); }
div.myaccount ul.bullet .icon { display: none; }
div.myaccount p.logout { padding: 0.3em 0 0.3em 2em; }
div.myaccount p.logout, div.myaccount p.logout a { color: #dd2a81; }
div.myaccount p.logout a { text-decoration: underline; }
div.myaccount p.logout a:hover { text-decoration: none; }
div.myaccount .block_content {
   background: #f6dce8 url('../img/block_bg_myaccount.jpg') repeat-x bottom left;
   border-left: 1px solid #f6dce8;
   border-right: 1px solid #f6dce8;
}

div.ange h4 {
background:transparent url(../img/block_header_myaccount-ange.png) no-repeat scroll left top;}

div.devil h4 {
background:transparent url(../img/block_header_myaccount-diable.png) no-repeat scroll left top;} 

}

TPL:

<!-- Block My Account -->
 {if $logged}

{l s='My Account' mod='blockmyaccount'}

{l s='My orders' mod='blockmyaccount'}
           {if $returnAllowed}
{l s='Merchandise return' mod='blockmyaccount'}
           {/if}
{l s='Credit slips' mod='blockmyaccount'}
{l s='My addresses' mod='blockmyaccount'}
{l s='My personal info' mod='blockmyaccount'}
           {if $voucherAllowed}
{l s='My vouchers' mod='blockmyaccount'}
           {/if}
           {$HOOK_BLOCK_MY_ACCOUNT}



{l s='Sign out' mod='blockmyaccount'}



 {else}

    {if $displayconnexionbox}


{l s='My Account' mod='blockmyaccount'}

              <form action="authentication.php" method="post">

                      {l s='E-mail address' mod='blockmyaccount'}

                      <input type="text" id="email" name="email" value="{if isset($smarty.post.email)}{$smarty.post.email|escape:'htmlall'|stripslashes}{/if}"/><br />
                      {l s='Password' mod='blockmyaccount'}

                      <input type="password" id="passwd" name="passwd" value="{if isset($smarty.post.passwd)}{$smarty.post.passwd|escape:'htmlall'|stripslashes}{/if}"/><br />

                      <input type="hidden" name="back" value="{$back|escape:'htmlall':'UTF-8'}" />
<input type="submit" id="SubmitLogin" name="SubmitLogin" value="{l s='Log in' mod='blockmyaccount'}" class="button" /></div>

              </form>
              {if $displaypassword}

{l s='Forgot your password?' mod='blockmyaccount'}

              {/if}
              {if $displayregister}

{l s='No account yet?' mod='blockmyaccount'}

              {/if}



    {/if}
 {/if}
<!-- /Block My Account -->

ptidg · January 1, 2010

Est ce que l'un de vous pourrais me donner un coup de main sur le problème que j'énonce dans le post 2 ?
Merci

Atch · January 1, 2010

Est ce que l'un de vous pourrais me donner un coup de main sur le problème que j'énonce dans le post 2 ?
Merci

Arf, l'idéal est de poster son propre sujet pour éviter de polluer la première demande.
Mais je vais tenter de répondre :

Comme je le disais dans ce message, le bloc my account apparait deux fois dans le tpl de Nommam.
Donc, si vous avez appliquez une class spécifique à un des blocs, n'oubliez pas de modifier le deuxieme qui se trouve plus bas.

V++

Atch

ptidg · January 1, 2010

Merci Atch,
Effectivement, je n'avais pas modifié le second bloc...

Nommam · January 2, 2010

il y a t'il des corrections a apporter a mon module afin de le rendre encore plus mieux bien ????

ps : il faut que ca marche avec la version de base du global.css ( car sinon, on ne va pas s'en sortir avec les noobs )

donaldlloyds · January 2, 2010

ca serait possible d avoir ca en natif dans le module ?

Nommam · January 2, 2010

Tout est possible, mais il voir les choses sous un angle global, c'est a dire ca doit correspondre a tout le monde et ce sans mettre les mains dans la craspouille directement !

Donc pour votre affaire, il faut aller rajouter du code au global.css de votre theme, ce qui rajoute une etape a l'installation du module, alors quand tu vois que bon nombre de personne me contact, car il ne savent pas faire, ou n'ont pas vu le liens configurer dans les modules .... aller leur faire bricoler du css ca ca pas etre simple pour certain, surtout, qu'ils on p'tre/certainement deja un theme perso .... donc je ne vais pas pouvoir les aider dans leur install .... surtout que je ne suis pas expert la dedans ( dans le css )

Apres on peut passer par un css perso du module ... mais la ca change la donne, car le module brut de fonderie comme celui d'aujourd'hui passe dans tout les themes, et si je met le css dans le module, bien il ne va plus passer de partout ....

On peut aussi imaginer que le module utilise soit le css du theme, soit son css a lui.

Mais si un expert de la bidouille css ( atch pour ne pas le citer ) me pond une soluce universelle, je prend et je le met en natif dans le module !

Bloc My Account Update graphisme variable si connecté

Recommended Posts

Link to comment

Share on other sites

une class du style :

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

{l s='My Account' mod='blockmyaccount'}

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in