# menu\_left durch Grafik ersetzen

**URL:** <https://forum.shopware.com/t/menu-left-durch-grafik-ersetzen/2268>\
**Category:** Shopware 3.5\
**Tags:** templates--design\
**Created:** [25. März 2011 um 15:50 UTC](https://forum.shopware.com/t/menu-left-durch-grafik-ersetzen/2268 "2011-03-25T15:50:00Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![SBSCHWEISSSHOP](https://avatars.discourse-cdn.com/v4/letter/s/d2c977/32.png) [@SBSCHWEISSSHOP](https://forum.shopware.com/u/SBSCHWEISSSHOP)\
**Post date:** [25. März 2011 um 15:50 UTC](https://forum.shopware.com/t/menu-left-durch-grafik-ersetzen/2268/1 "2011-03-25T15:50:00Z")

</div>

Hallo, ich möchte gerne das menu\_left (Informationen) durch eine oder mehrere Grafiken ersetzen und diese dann auch verlinken. Damit es nachher besser zum restlichen Template passt. Freue mich auf (leichtverständliche 🙂 ) Tipps. Grüße Marc

---

<div class="post-metadata">

**Author:** ![SBSCHWEISSSHOP](https://avatars.discourse-cdn.com/v4/letter/s/d2c977/32.png) [@SBSCHWEISSSHOP](https://forum.shopware.com/u/SBSCHWEISSSHOP)\
**Post date:** [26. März 2011 um 11:25 UTC](https://forum.shopware.com/t/menu-left-durch-grafik-ersetzen/2268/2 "2011-03-26T11:25:20Z")

</div>

Keiner eine Idee? Hatte übrigens vergessen: Die Grafiken sollen auf allen Seiten erscheinen (analog menu\_left)

---

<div class="post-metadata">

**Author:** ![avenger](https://avatars.discourse-cdn.com/v4/letter/a/9de0a6/32.png) [@avenger](https://forum.shopware.com/u/avenger)\
**Post date:** [26. März 2011 um 13:03 UTC](https://forum.shopware.com/t/menu-left-durch-grafik-ersetzen/2268/3 "2011-03-26T13:03:13Z")

</div>

[quote=“MBU”]Hallo, ich möchte gerne das menu\_left (Informationen) durch eine oder mehrere Grafiken ersetzen und diese dann auch verlinken. Damit es nachher besser zum restlichen Template passt. Freue mich auf (leichtverständliche 🙂 ) Tipps. Grüße Marc[/quote] Leicht verständlich sind solche Dinge meist nicht… Versuchen wir es mal: (Ungetestet) “frontend/index/categories\_left.tpl” wie folgt ändern, um die Top-Level-Menüs (li) individuell identifizierbar zu machen. In die CSS-Klasse dieser “LI” wir ein “id\_x” eingefügt, mit x=1 bis Anzahl der Top-Level-Menüs. [code]{\* Maincategories left \*} {function name=categories level=0}

{block name=“frontend\_index\_categories\_left\_ul”}{/block} {foreach from=$categories item=category name=category} - [{$category.description}]({if $category.external}{$category.external}{else}{$category.link|rewrite:$category.description}{/if}) {if $category.subcategories} {call name=categories categories=$category.subcategories level=$level+1} {/if}  
{/foreach} {/function}[/code] An das Ende der “style.css” anfügen: ` /\*Link text entfernen\*/ #content #left ul.level0 li a { text-indent: -9999em !important; } /\*Evtl. den li eine neu Höhe geben #content #left ul.level0 li { height: 15px !important; } \*/ /\*Hintergrundbild Menüeintrag 1 zuordnen\*/ #content #left ul li.id\_1 { background-image: url("../images/backgrounds/bg\_fuer\_menue\_eintrag\_1.png") !important; } ......... /\*Hintergrundbild Menüeintrag x zuordnen\*/ #content #left ul li.id\_x { background-image: url("../images/backgrounds/bg\_fuer\_menue\_eintrag\_x.png") !important; } ` So in etwa sollte das funktionieren…

---

<div class="post-metadata">

**Author:** ![SBSCHWEISSSHOP](https://avatars.discourse-cdn.com/v4/letter/s/d2c977/32.png) [@SBSCHWEISSSHOP](https://forum.shopware.com/u/SBSCHWEISSSHOP)\
**Post date:** [26. März 2011 um 13:35 UTC](https://forum.shopware.com/t/menu-left-durch-grafik-ersetzen/2268/4 "2011-03-26T13:35:11Z")

</div>

@avenger: Erst mal danke. Aber ist das nicht eine Änderung der Kategorieanzeige links? Mir geht es um die Box “Informationen” - dort wo die Links für z. B. AGB, Impressum usw. drin stehn. Ich möchte die Box gerne durch eine oder mehrere Grafiken (mit Verlinkungsmöglichkeit) ersetzen - Shopweit.