Firmenlogo größer einbinden / Presta 1.6

[W222]

Hallo zusammen,

 

ich bin neu und arbeite mich gerade in Prestashop ein. Ich verwende die Version 1.6.0.14.

 

Über Voreinstellungen > Templates kann ich ja mein Firmenlogo einfügen.

 

Was mich stört ist: 65px Höhe ist für das gewünschte Logo zu klein und die Position links von der Suchzeile gefällt mir nicht.

 

Ich würde gerne ein Logo mit der Größe 649x120px einbinden - am besten Mittig Oberhalb über Suchzeile und Warenkorb.

 

Weiß jemand, wie sich das realisieren ließe?

[Luca01]

Hallo,

Prestashop bietet die Möglichkeit ein eigenes Theme zu entwickeln. Eine der Stärken des Shopsystems ist, das der Core und das Design getrennt sind. Dadurch lassen sich solche Dinge mit Eingriffen in das jeweilige Theme einfach umsetzen. Zur Umsetzung unterstützen sehr gut die einschlägigen Entwicklertools im jeweiligen Browser.

Viele Grüße

[W222]

Hallo Luca01,

 

danke für deine Antwort - hast du (oder jemand der mitliest) einen Tipp für mich, wo ich ansetzen muss, also welche Prestashop-Datei die Position des Firmenlogos vorgibt?

[Luca01]

Hallo,

es ist das header.tpl und dort der Code:

<div id="header_logo">
<a href="{if $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{$shop_name|escape:'html':'UTF-8'}">
<img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
</a>
</div>

Man findet die Dateien z.B., indem man mit den Entwicklertools des Browser den Code ausliest und mit einem Editor wie Scriply im Prestashop-Verzeichnis die Dateien nach dem Code durchsucht.

Viele Grüße

Viele Grüße

[W222]

Hallo Luca01,

 

danke für deine Hilfe! Ich probiere es mal aus, ob es klappt, das Logo zu versetzen.

[Whiley]

 

ch würde gerne ein Logo mit der Größe 649x120px einbinden - am besten Mittig Oberhalb über Suchzeile und Warenkorb.

 

Weiß jemand, wie sich das realisieren ließe?

 

Hallo W222

Mit Änderungen in der tpl dürfte das kompliziert werden (responsiv!) mach das lieber über css.

 

Um dein Logo zu zentrieren öffnest du die global.css also z.B.:

/themes/default-bootstrap/css/global.css

 

dort fügst du am Ende die Zeile ein:

header .row #header_logo {float:none; margin: 0 auto;}

Um das Logo grösser darzustellen, lädst du das Logo in der entsprechenden Grösse übers BO

dann suchst du in der o.a. global.css ca bein Zeile 270:

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

dort löscht du die Zeile " max-width: 100%;" raus,

 

Nicht vergessen :Cache und Smarty-Compile zu loschen.

 

Grüsse

Whiley

Edited May 13, 2015 by Whiley (see edit history)

[W222]

Hallo Whiley, 

 

zuerst vielen, vielen Dank für deine Hilfe - es hat (bis auf eine Sache) absolut großartig funktioniert! 

 

Das Logo ist jetzt über Warenkorb und Suchleiste - und auch in passender Größe - jedoch steht das Logo leicht rechtsbündig. Kann ich in der global.css auch beeinflussen, das es Zentriert dargestellt wird? 

 

Ist meine Logo-Größe von 649x120 (hat sich durch den alten Shop so ergeben) eigentlich geeignet im Zusammenhang mit Responsive-Design oder beißt sich das?