Jump to content

[Résolu] Caler les textes sur la gauche dans le bloc mon compte custom


pasc06

Recommended Posts

Bonjour,

J'ai téléchargé et installer le module "Blockmyaccountcustom" à cette adresse :

http://www.prestashop.com/forums/viewthread/7253



J'aimerais caler le texte du bloc "Mon compte" sur la gauche avec un léger retrait, comme dans le bloc "Informations" (voir photo). Actuellement il est centré.

Merci de votre aide

11882_aCWMFVvElyhII86Ofq4H_t

Link to comment
Share on other sites

Il faut faire des modifs dans 2 fichiers : "blockmyaccount.tpl" et "global.css"

ATTENTION ! Ce module à 2 états : "Connecté" et "Déconnecté". Vérifier bien les 2 états en faisant les modifs !

- Dans "blockmyaccount.tpl", Il faut rajouter un div avec un style pour décaler sur la gauche toutes les rubriques de l'état "connecté"

Il faut remplacer :

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

{l s='My Account2' 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_CUSTOMER_ACCOUNT}



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



 {else}



Par ceci (j'ai mis des commentaires "<!-- Ligne ajoutée -->" pour bien visualiser les 2 lignes à ajouter) :

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

{l s='My Account2' mod='blockmyaccount'}
<!-- Ligne ajoutée -->

{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_CUSTOMER_ACCOUNT}

<!-- Ligne ajoutée -->


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



 {else}



Ensuite toujours dans "blockmyaccount.tpl", mais cette fois-ci pour l'état "déconnecté, il faut remplacer tous les "text-align: center;" par des "text-align: left;". Servez-vous de la fonction rechercher/remplacer de dreamweaver (Ctrl+F). Ca déplace effectivement les textes sur la gauche. Il faut aussi remplacer ceci:


Par ceci :



Dans l'état "déconnecté" il reste à déplacer les 2 zones de saisie vers la gauche :

- Dans "global.css", vers la ligne 390, "margin-left: 0.7em;" est remplacé par "margin-left: 0;" comme ceci :

input, textarea, select, span.editable {
   margin-left: 0;
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   vertical-align: top;
   outline: none;
}



Il est possible que ça décale sur la gauche d'autres zones de saisie de votre site. A vérifier !

Voilà ça marche !

11892_hjNLmrRhGngK2wwF09E1_t

11893_DhdwgSGmwzdSChoC98PJ_t

<input type="submit" id="SubmitLogin" name="SubmitLogin" value="{l s='Log in' mod='blockmyaccount'}" class="button" /></div>
<input type="submit" id="SubmitLogin" name="SubmitLogin" value="{l s='Log in' mod='blockmyaccount'}" class="button" /></div>
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...