Prestashop Loginblock

[Shapeir]

Hallo.
Ich bin dabei einen Prestashop zu erstellen.

Ich habe mir nun einen "LOGIN Block" zusammengewurschtelt. Das heist verschiedene Module zusammengefügt bzw ergänzt.

Leider gibtes es kleine Fehler und ich schaffe es einfach nicht .

Im Angehängtem Bild1 ist der "LoginBlock" zu sehen.

1.) Mein Problem ist nun das ich es nicht schafe das Wort: "Email" und "Passwort" auf dei gleiche höhe der Eingabfelder (etwas nach rechts) zu verschieben.

2.) Der Anmeldebutton rutscht nach links wenn man ihn anklickt

3.) Nach dem "Passworteingabefeld" sollte ein mini Zeilenabsatz sein. (Wie in Bild 2 Beim Warenkorb, nach der Gesamtsumme zum Warenkorbbutton)

4.) Ich gerne einen Absatz anch dem "Registrieren Button"

Hier ist der Code der .tlp Datei

<!-- Block login module HEADER -->
<div id="header_login">
   {if $logged}
      <span>{$customerName}</span> (<a href="{$base_dir}index.php?mylogout" title="{l s='Log me out' mod='blocklogin'}">{l s='Log out' mod='blocklogin'}</a>)
   {else}
      <form action="{$base_dir_ssl}authentication.php" method="post">
         {if isset($back)}<input type="hidden" class="hidden" name="back" value="{$back|escape:'htmlall':'UTF-8'}" />{/if}
            <p class="text"> {l s='E-mail address' mod='blocklogin'}
            <span><input type="text" id="email" name="email" value="{if isset($smarty.post.email)}{$smarty.post.email|escape:'htmlall'|stripslashes}{/if}" /></span></p>
              <p class="text">{l s='Password' mod='blocklogin'}
            <span><input type="password" id="passwd" name="passwd" value="{if isset($smarty.post.passwd)}{$smarty.post.passwd|escape:'htmlall'|stripslashes}{/if}" /></span></p>
          <input type="submit" id="SubmitLogin" name="SubmitLogin" class="button" value="{l s='Log in' mod='blocklogin'}" />
          <input type="submit" id="Submit" name="Submit" class="button" value="{l s='Register' mod='blocklogin'}" />         
      </form>
   {/if}
</div>
<!-- /Block login module HEADER -->

Und hier der Inhalt der .php Datei:

<?php

class BlockLogin extends Module
{
   function __construct()
   {
      $this->name = 'blocklogin';
      $this->tab = 'Blocks';
      $this->version = 0.1;

      parent::__construct();
      
      $this->displayName = $this->l('Login block');
      $this->description = $this->l('Login function as a block');      
   }

   public function install()
   {
      if (!parent::install())
         return false;
      if (!$this->registerHook('rightColumn'))
         return false;
      return true;
   }

    function hookLeftColumn($params)
   {
        global $smarty, $cookie;
      $smarty->assign(array(
         'logged' => $cookie->isLogged(),
         'customerName' => ($cookie->logged ? $cookie->customer_firstname.' '.$cookie->customer_lastname : false),
         'firstName' => ($cookie->logged ? $cookie->customer_firstname : false),
         'lastName' => ($cookie->logged ? $cookie->customer_lastname : false)
      ));
      return $this->display(__FILE__, 'blocklogin.tpl');
   }

   function hookRightColumn($params)
   {
      return $this->hookLeftColumn($params);
   }
   function hookHeader($params)
   {
      return $this->hookLeftColumn($params);
   }
   function hookTop($params)
   {
      return $this->hookLeftColumn($params);
   }

}

?>

So . Vielen Dank für die Hilfe. Ich probiee nun schon 2 Tage und habe 1mio Foren durchforstet, versucht die global .css anzupassen, aber mir fehlt einfach das Wissen .

Daher vielen Dank fürs Verständnis !

Liebe Grüße Shapeir

[Shapeir]

PrestaShop™ 1.4.6.2

[Luca]

Hallo Shapeir,
Bei Formatierungen ist der Firebug (ein Addon des Firefox) ein gutes Werkzeug. Mit diesem Werkzeug kannst Du sehen wie der code aussieht. Mit einem Editor (wir verwenden Scriptly) kannst Du im Prestashop-Verzeichnis die Datei suchen und anpassen. Oder die css-Datei steht unter Styles im Firebug.
Viele Grüße