Jump to content

Bloc My Account Update graphisme variable si connecté


Recommended Posts

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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 :P

16509_a50zqVv19cDivlhsQtJM_t

16510_hSyFDoOXPFk7ppuEkPBy_t

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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;} 

}

Link to comment
Share on other sites

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 -->

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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;

Link to comment
Share on other sites

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


Link to comment
Share on other sites

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 --> 

Link to comment
Share on other sites

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
Link to comment
Share on other sites

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 !

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...