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

[pasc06]

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

[altereg]

Hello,

la réponse t'attends dans tes MP ;-P

[pasc06]

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 !

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