# Headerbild einfügen

**URL:** <https://forum.shopware.com/t/headerbild-einfugen/1274>\
**Category:** Shopware 3.5\
**Tags:** templates--design\
**Created:** [6. Januar 2011 um 15:09 UTC](https://forum.shopware.com/t/headerbild-einfugen/1274 "2011-01-06T15:09:58Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![kjeldjensen](https://avatars.discourse-cdn.com/v4/letter/k/b9e5f3/32.png) [@kjeldjensen](https://forum.shopware.com/u/kjeldjensen)\
**Post date:** [6. Januar 2011 um 15:09 UTC](https://forum.shopware.com/t/headerbild-einfugen/1274/1 "2011-01-06T15:09:58Z")

</div>

Hallo Forengemeinde, ich würde gern neben meinem Logo noch ein Headerbild platzieren. Mit welchem Befehl und an welcher Stelle muss dies eingepflegt werden? MfG kjeld

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [6. Januar 2011 um 18:56 UTC](https://forum.shopware.com/t/headerbild-einfugen/1274/2 "2011-01-06T18:56:00Z")

</div>

Hallo, am Besten machst bearbeitest du die frontend/index.tpl und fügst dort ein neuer DIV Container ein. z.B.

Nun musst du dein DIV in der CSS Datei positionieren und ein Background IMG angeben.

---

<div class="post-metadata">

**Author:** ![Michaela22](https://avatars.discourse-cdn.com/v4/letter/m/51bf81/32.png) [@Michaela22](https://forum.shopware.com/u/Michaela22)\
**Post date:** [23. Januar 2011 um 00:35 UTC](https://forum.shopware.com/t/headerbild-einfugen/1274/3 "2011-01-23T00:35:57Z")

</div>

ich habe eben den Beitrag gelesen, meine Frage ist, an welche Stelle muss den DIV-Container in der CSS-Datein einfügen. Und kann jemand mir die einzelnen Schritte für Headerbild erklären. Vielen Dank

---

<div class="post-metadata">

**Author:** ![teichkonig](https://avatars.discourse-cdn.com/v4/letter/t/7bcc69/32.png) [@teichkonig](https://forum.shopware.com/u/teichkonig)\
**Post date:** [23. Januar 2011 um 12:37 UTC](https://forum.shopware.com/t/headerbild-einfugen/1274/4 "2011-01-23T12:37:57Z")

</div>

Folgende Datei suchen: …templates/\_default/frontend/\_resources/styles/style.css Folgenden Code einbinden: /\* Header Grafik einbinden \*/ #header { background-image: url("…/images/header\_background.jpg"); height: 200px; } Die Headergrafik unter …/templates/\_default/frontend/\_resources/images/ speichern. So sollte es funktionieren.

---

<div class="post-metadata">

**Author:** ![taaucher](https://avatars.discourse-cdn.com/v4/letter/t/ac8455/32.png) [@taaucher](https://forum.shopware.com/u/taaucher)\
**Post date:** [23. Januar 2011 um 12:48 UTC](https://forum.shopware.com/t/headerbild-einfugen/1274/5 "2011-01-23T12:48:02Z")

</div>

Ich würde versuchen das Ganze nicht im \_default Template zu ändern, sondern in eurem Template, dann bleibt ihr updatesicher.

---

<div class="post-metadata">

**Author:** ![teichkonig](https://avatars.discourse-cdn.com/v4/letter/t/7bcc69/32.png) [@teichkonig](https://forum.shopware.com/u/teichkonig)\
**Post date:** [23. Januar 2011 um 12:51 UTC](https://forum.shopware.com/t/headerbild-einfugen/1274/6 "2011-01-23T12:51:53Z")

</div>

[quote=„taaucher“]Ich würde versuchen das Ganze nicht im \_default Template zu ändern, sondern in eurem Template, dann bleibt ihr updatesicher.[/quote] Richtig. Sehr wichtiger Hinweis!

---

<div class="post-metadata">

**Author:** ![sr-1](https://avatars.discourse-cdn.com/v4/letter/s/9dc877/32.png) [@sr-1](https://forum.shopware.com/u/sr-1)\
**Post date:** [24. Januar 2011 um 09:16 UTC](https://forum.shopware.com/t/headerbild-einfugen/1274/7 "2011-01-24T09:16:46Z")

</div>

Hey, habe das was von shopware gefunden: [http://www.shopware.de/wiki/Wie-kann-ic … l\_258.html](http://www.shopware.de/wiki/Wie-kann-ich-ein-Logo-in-meinen-Shop-einpflegen%253F%5C_detail%5C_258.html) Gruß

---

<div class="post-metadata">

**Author:** ![jipo](https://avatars.discourse-cdn.com/v4/letter/j/e19b73/32.png) [@jipo](https://forum.shopware.com/u/jipo)\
**Post date:** [7. Februar 2011 um 14:34 UTC](https://forum.shopware.com/t/headerbild-einfugen/1274/8 "2011-02-07T14:34:31Z")

</div>

Hi, ich habe eine Frage zu dem Thema Styles ändern. Ich möchte die in der style.css angegebene Datei für das Logo ändern und die Höhe des Headers. In der Datei style.css im \_default sind das die Angaben zu #header. Wie kann ich diese Werte im eigenen Template bzw. über das eigene Template ändern ??? Vg Joerg

---

<div class="post-metadata">

**Author:** ![taaucher](https://avatars.discourse-cdn.com/v4/letter/t/ac8455/32.png) [@taaucher](https://forum.shopware.com/u/taaucher)\
**Post date:** [7. Februar 2011 um 15:17 UTC](https://forum.shopware.com/t/headerbild-einfugen/1274/9 "2011-02-07T15:17:03Z")

</div>

Hallo Joerg, du kannst das in deinem Template in der zugehörigen css ändern. Entweder die Klasse ist dort schon vorhanden, oder du kopierst dir die Klasse aus der style.css und fügst sie in deine css ein, änderst dann entsprechend die Werte. Grüße Frank

---

<div class="post-metadata">

**Author:** ![jipo](https://avatars.discourse-cdn.com/v4/letter/j/e19b73/32.png) [@jipo](https://forum.shopware.com/u/jipo)\
**Post date:** [7. Februar 2011 um 15:45 UTC](https://forum.shopware.com/t/headerbild-einfugen/1274/10 "2011-02-07T15:45:37Z")

</div>

Hi, ich habe mir das Template GREEN in ein Verzeichnis JIPO kopiert. Somit hab ich jetzt ein Template JIPO. in der Datei green.css habe ich die folgenden Zeilen eingefügt - leider ohne Erfolg: /\* HEADER ------------------------ \*/ #header {height:100px;position: relative; width: 100%;} /\*JS height:115px \*/ #header #logo a {background: url(…/images/logo3.png) no-repeat;width: 296px;height: 88px;text-indent: -9999px;display: block;margin: 10px 0 0 38px;} Ich glaube das diese Einträge im Verlauf wieder von denen der style.css überschrieben werden. Oder mache ich was falsch ? VG Joerg

---

<div class="post-metadata">

**Author:** ![taaucher](https://avatars.discourse-cdn.com/v4/letter/t/ac8455/32.png) [@taaucher](https://forum.shopware.com/u/taaucher)\
**Post date:** [7. Februar 2011 um 16:15 UTC](https://forum.shopware.com/t/headerbild-einfugen/1274/11 "2011-02-07T16:15:08Z")

</div>

Hast du denn in deinem template dann auch die Pfade zur css Datei angepasst? schau mal in deine header.tpl, dort ist dann bestimmt noch der link zum green Template.

---

<div class="post-metadata">

**Author:** ![jipo](https://avatars.discourse-cdn.com/v4/letter/j/e19b73/32.png) [@jipo](https://forum.shopware.com/u/jipo)\
**Post date:** [7. Februar 2011 um 16:26 UTC](https://forum.shopware.com/t/headerbild-einfugen/1274/12 "2011-02-07T16:26:56Z")

</div>

Merci, das wars ;-)) Vg Joerg

---

<div class="post-metadata">

**Author:** ![kohli24](https://avatars.discourse-cdn.com/v4/letter/k/54ee81/32.png) [@kohli24](https://forum.shopware.com/u/kohli24)\
**Post date:** [29. September 2014 um 19:31 UTC](https://forum.shopware.com/t/headerbild-einfugen/1274/13 "2014-09-29T19:31:30Z")

</div>

Hallo Ich habe ein neues Logo (SSL) im Header auf [retronia.de](http://retronia.de) eingefügt. `#ssl\_logo a {background: url(../images/ssl\_logo.gif) no-repeat;width: 98px;height: 98px;text-indent: -9999px;display: block;margin: 0px 0px 0px 610px;}` Wenn ich nun den ersten Wert bei “margin” ändere, wird der gesamte Header Bereich nach unten verschoben. Der letzte Wert 610 funktioniert. Habt Ihr einen Rat?

---

<div class="post-metadata">

**Author:** ![holzkult](https://avatars.discourse-cdn.com/v4/letter/h/e480ec/32.png) [@holzkult](https://forum.shopware.com/u/holzkult)\
**Post date:** [22. April 2015 um 17:58 UTC](https://forum.shopware.com/t/headerbild-einfugen/1274/14 "2015-04-22T17:58:22Z")

</div>

Hallo ihr Lieben und kreativen Köpfe, ich würde gerne ein weiteres Bild zwischen der Suchzeile und dem Warenkorb eingeben. Ich habe einiges versucht, jedoch ohne Erfolg. Ich habe mein eigenes Template(updatesicher) sowie die Datein: /www.meintemplate/templates/emotion\_meintemplate/frontend/index - header.tpl -/www.meintempl/templates/emotion\_meintemplate/frontend/\_resources/styles/meintemp.css angelegt. Ein Auszug aus der Header.tpl {extends file=‚parent:frontend/index/header.tpl‘} {block name=„frontend\_index\_header\_css\_screen“ append} {/block} Nun würde ich mich freuen, wenn ihr mir bezüglich einer richtigen Programmierung, welche Codes gehören wohin und müssen wie lauten, in der header.tpl sowie im css helfen könntet! Ich bedanke mich bereits im Voraus und wünsch euch einen wünderschönen Abend! LG Michael
