# Kategoriespalte verbreitern, Artikelansicht anpassen

**URL:** <https://forum.shopware.com/t/kategoriespalte-verbreitern-artikelansicht-anpassen/990>\
**Category:** Shopware 3.5\
**Tags:** templates--design\
**Created:** [10. Dezember 2010 um 10:44 UTC](https://forum.shopware.com/t/kategoriespalte-verbreitern-artikelansicht-anpassen/990 "2010-12-10T10:44:25Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![MatKor](https://avatars.discourse-cdn.com/v4/letter/m/9e8a1a/32.png) [@MatKor](https://forum.shopware.com/u/MatKor)\
**Post date:** [10. Dezember 2010 um 10:44 UTC](https://forum.shopware.com/t/kategoriespalte-verbreitern-artikelansicht-anpassen/990/1 "2010-12-10T10:44:25Z")

</div>

Hallo zusammen, Da die Kategorie-Namen meines Shops relative lang sind, habe ich die linke Spalte von der CSS-Klasse grid\_4 auf grid\_5 gesetzt. Dadurch ist die Kategorie-Navigation in der linken Spalte breit genug. Leider ist die Artikelansicht aber noch in Originalbreite, sodass sie nicht mehr neben dem Kategoriebaum angezeigt wird sondern darunter. Ich habe probiert in der detail/index.tpl, navigation.tpl bzw. data.tpl Anpassungen vorzunehmen doch leider ohne Erfolg. Wo genau muss ich bei der Breite der Artikelansicht ansetzen, um diese einfach nur ein bisschen schmaler zu machen? Gruß Matthias

---

<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:** [10. Dezember 2010 um 11:36 UTC](https://forum.shopware.com/t/kategoriespalte-verbreitern-artikelansicht-anpassen/990/2 "2010-12-10T11:36:25Z")

</div>

Hi, da musst du dann einige Sachen anpassen: Kategorien: wenn du ein 4 Spalten Listing akuelle ausgewählt hast, in der style.css `/\* 4 COL LISTING ------------------------ \*/ #listing .artbox {width: 147px;} //hier anpassen #listing .artbox .inner {height: 305px;width:127px; overflow:auto;} #listing .artbox div.ico\_esd {right: 1px; top:-3px;}` in der color.css für die Buttons: `.artbox .actions a, #related .listing .artbox .actions a, .listing\_actions .offers { color: #696969; border-color: #e3e3e3; width: 103;}//hier anpassen` falls nun die Bilder und Texte nicht richtig dargestellt sind hier den Wert von width anpassen (style.css): `#listing .artbox .inner { height: 305px; width:103px;//hier anpassen overflow:auto;}` Zur verschiebung des Listing musst du dieses ebenfalls in der style.css anpassen: `div.listing { overflow: hidden; width:650px; margin-left: 51px;//hier einen Wert für die neue Position definieren }` Das Ganze solltest du aber vorher mit deiner Ursprungsdatei sichern, falls sich dort nämlich Probleme ergeben sollten, kannst du diese einfach zurückspielen. Kannst du anhand eines Screenshots die Artikelansicht darstellen? Hier in dem Beispiel, verkleinerst du die Kategorie! Wenn du die Möglichkeit hast, verwende doch das Plugin von Mozilla Firefox “Firebug”. Hiermit kannst du ganz leicht die Änderungen wie gewünscht im Browser schon lokal anpassen und anschließend in den jeweiligen Dateien speichern Gruß! Edit: da scheinen die HTML-Styles nicht übernommen zu werden.

---

<div class="post-metadata">

**Author:** ![Haijo](https://avatars.discourse-cdn.com/v4/letter/h/b5e925/32.png) [@Haijo](https://forum.shopware.com/u/Haijo)\
**Post date:** [11. Dezember 2010 um 13:14 UTC](https://forum.shopware.com/t/kategoriespalte-verbreitern-artikelansicht-anpassen/990/3 "2010-12-11T13:14:53Z")

</div>

Da du insgesamt grid\_20 hast und du die linke Sidebar von Grid\_4 auf grid\_5 abgeändert hast musst du irgendwo kleiner werden.Also muss alles was im center Bereich dargestellt wird von grid\_13 auf grid\_12 umstellen oder du passt die rechte sidebar an von grid\_3 auf grid\_2.Dann gibt es noch die Seiten ohne rechte Sidebar.Die müssen dann auf grid\_15 abgeändert werden. Du kannst entweder in der frameworks.tpl einfach die Werte abändern oder du bearbeitest Wohl oder Übel alle Templatedateien.Das wird sich aber beim nächsten Update in Luft auflösen.Natürlich mußt du alle Werte in deiner style.css an dies anpassen.

---

<div class="post-metadata">

**Author:** ![MatKor](https://avatars.discourse-cdn.com/v4/letter/m/9e8a1a/32.png) [@MatKor](https://forum.shopware.com/u/MatKor)\
**Post date:** [14. Dezember 2010 um 14:08 UTC](https://forum.shopware.com/t/kategoriespalte-verbreitern-artikelansicht-anpassen/990/4 "2010-12-14T14:08:46Z")

</div>

Hallo, schonmal danke für die Antworten, leider komme ich erst jetzt zum antworten. Hier ist ein Screenshot der Kategorieansicht: Hier werden die Topseller in der rechten Spalte nach unten verschoben, womit ich durchaus leben könnte. Aber im Screenshot der Artikelansicht: wird der komplette Artikel unter die linke Spalte der Kategorien verschoben. Und das geht leider so nicht. Gruß
