# Kategorie Design 5-spaltig anstatt 2-spaltig - responsive Theme - wie geht das?

**URL:** https://forum.shopware.com/t/kategorie-design-5-spaltig-anstatt-2-spaltig-responsive-theme-wie-geht-das/35242
**Category:** Themes & Design
**Created:** [12. März 2016 um 16:29 UTC](https://forum.shopware.com/t/kategorie-design-5-spaltig-anstatt-2-spaltig-responsive-theme-wie-geht-das/35242 "2016-03-12T16:29:01Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![n8lauscher](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/n8lauscher/32/13325_2.png) [@n8lauscher](https://forum.shopware.com/u/n8lauscher)
#### Post date: [12. März 2016 um 16:29 UTC](https://forum.shopware.com/t/kategorie-design-5-spaltig-anstatt-2-spaltig-responsive-theme-wie-geht-das/35242/1 "2016-03-12T16:29:01Z")

</div>

Hallo,

ich würde gerne anstatt der “2-spaltigen” Artikelanzeige&nbsp;wie es bei der Standard - Auflistung vom responsive Theme gemacht wird auf ein&nbsp;“5-spaltiges” Listing&nbsp;wechseln.

Wie kann ich dies machen?&nbsp;  
In den Einkaufswelten ist dies einfach möglich &nbsp;- aber wie kann ich dies für eine Kategorie im responsive Theme hinbekommen?&nbsp;

Gibt es hierfür&nbsp;eine Einstellung - die ich bisher übersehen habe?  
Oder muss dafür das listing im Theme angepasst werden?

Ich bitte um Rückmeldung.

LG

Michael

---

<div class="post-metadata">

### Author: ![useg](https://avatars.discourse-cdn.com/v4/letter/u/df705f/32.png) [@useg](https://forum.shopware.com/u/useg)
#### Post date: [12. März 2016 um 19:01 UTC](https://forum.shopware.com/t/kategorie-design-5-spaltig-anstatt-2-spaltig-responsive-theme-wie-geht-das/35242/2 "2016-03-12T19:01:37Z")

</div>

> [@n8lauscher schrieb:](https://forum.shopware.com/profile/22229/n8lauscher "n8lauscher")
> 
> Hallo,
> 
> ich würde gerne anstatt der „2-spaltigen“ Artikelanzeige&nbsp;wie es bei der Standard - Auflistung vom responsive Theme gemacht wird auf ein&nbsp;„5-spaltiges“ Listing&nbsp;wechseln.
> 
> Wie kann ich dies machen?&nbsp;  
> In den Einkaufswelten ist dies einfach möglich &nbsp;- aber wie kann ich dies für eine Kategorie im responsive Theme hinbekommen?&nbsp;
> 
> Gibt es hierfür&nbsp;eine Einstellung - die ich bisher übersehen habe?  
> Oder muss dafür das listing im Theme angepasst werden?
> 
> Ich bitte um Rückmeldung.
> 
> LG
> 
> Michael

Ich kann dir schon mal sagen das 5 Produkte nebeneinander „Blöd“&nbsp;aussieht, ich selbst habe 3 das ist das maximale wenn es nach was aussehen soll.

Den original Eintrag findest du in der product-box.less

```
@media screen and(min-width: @tabletViewportWidth) {

.box--image {
    width: 50%;
}

}

```

den Wert musst du dann anpassen, bei 5 Artikel müsste da 20% stehen, aber in der eigenen less ändern.

Gruß Uwe

---

<div class="post-metadata">

### Author: ![n8lauscher](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/n8lauscher/32/13325_2.png) [@n8lauscher](https://forum.shopware.com/u/n8lauscher)
#### Post date: [14. März 2016 um 13:06 UTC](https://forum.shopware.com/t/kategorie-design-5-spaltig-anstatt-2-spaltig-responsive-theme-wie-geht-das/35242/3 "2016-03-14T13:06:55Z")

</div>

> Ich kann dir schon mal sagen das 5 Produkte nebeneinander „Blöd“&nbsp;aussieht, ich selbst habe 3 das ist das maximale wenn es nach was aussehen soll.
> 
> Den original Eintrag findest du in der product-box.less
> 
> @media screen and(min-width: @tabletViewportWidth) {
> 
> .box–image {  
> width: 50%;  
> }
> 
> }
> 
> den Wert musst du dann anpassen, bei 5 Artikel müsste da 20% stehen, aber in der eigenen less ändern.

Hallo, leider funktioniert diese Lösung nicht wirklich. bzw. hatte keine Auswirkung.

---

<div class="post-metadata">

### Author: ![tny](https://avatars.discourse-cdn.com/v4/letter/t/da6949/32.png) [@tny](https://forum.shopware.com/u/tny)
#### Post date: [14. März 2016 um 13:12 UTC](https://forum.shopware.com/t/kategorie-design-5-spaltig-anstatt-2-spaltig-responsive-theme-wie-geht-das/35242/4 "2016-03-14T13:12:46Z")

</div>

Hast du im Backend bei den Kategorien mal das Produkt Layout auf Minimal geändert? Dann hättest du schonmal 4 Nebeneinander, 5 ginge dann wie useg schon meinte per Theme anpassung. Cache leeren ggf. nicht vergessen.

---

<div class="post-metadata">

### Author: ![n8lauscher](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/n8lauscher/32/13325_2.png) [@n8lauscher](https://forum.shopware.com/u/n8lauscher)
#### Post date: [14. März 2016 um 13:18 UTC](https://forum.shopware.com/t/kategorie-design-5-spaltig-anstatt-2-spaltig-responsive-theme-wie-geht-das/35242/5 "2016-03-14T13:18:32Z")

</div>

ja jetzt geht es auch!

Danke für den Tipp mit dem auf minimal setzen - das hatte ich natürlich nicht gemacht.&nbsp;

---

<div class="post-metadata">

### Author: ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)
#### Post date: [14. März 2016 um 14:26 UTC](https://forum.shopware.com/t/kategorie-design-5-spaltig-anstatt-2-spaltig-responsive-theme-wie-geht-das/35242/6 "2016-03-14T14:26:51Z")

</div>

Hier hatte ich übrigens auch noch ein Tutorial:

[https://shopwareianer.com/tutorials/shopware-kategorie-spalten-anzahl-anpassen](https://shopwareianer.com/tutorials/shopware-kategorie-spalten-anzahl-anpassen)

Vielleicht verstehst du es dadruch auch noch ein wenig besser.

---

<div class="post-metadata">

### Author: ![Uhrenwarenhaus](https://avatars.discourse-cdn.com/v4/letter/u/ecccb3/32.png) [@Uhrenwarenhaus](https://forum.shopware.com/u/Uhrenwarenhaus)
#### Post date: [2. April 2016 um 10:25 UTC](https://forum.shopware.com/t/kategorie-design-5-spaltig-anstatt-2-spaltig-responsive-theme-wie-geht-das/35242/7 "2016-04-02T10:25:23Z")

</div>

Hallo zusammen,

ich habe die Spalten mit Hilfe der Anleitung auf 3-Spaltig umgesetzt. Hat sehr gut geklappt. Jetzt sind jedoch die Produktbilder recht klein. Wie kann man diese Produktbilder an die 3 Spalten anpassen?

Danke.&nbsp;

---

<div class="post-metadata">

### Author: ![useg](https://avatars.discourse-cdn.com/v4/letter/u/df705f/32.png) [@useg](https://forum.shopware.com/u/useg)
#### Post date: [2. April 2016 um 10:46 UTC](https://forum.shopware.com/t/kategorie-design-5-spaltig-anstatt-2-spaltig-responsive-theme-wie-geht-das/35242/8 "2016-04-02T10:46:12Z")

</div>

@Uhrenwarenhaus‍,

welches „Produkt Layout:“ hast du denn in den Kategorien ausgewählt? Bei „Großes&nbsp;Bild“ sollte es da keine Probleme geben.

Uwe

---

<div class="post-metadata">

### Author: ![Uhrenwarenhaus](https://avatars.discourse-cdn.com/v4/letter/u/ecccb3/32.png) [@Uhrenwarenhaus](https://forum.shopware.com/u/Uhrenwarenhaus)
#### Post date: [2. April 2016 um 11:31 UTC](https://forum.shopware.com/t/kategorie-design-5-spaltig-anstatt-2-spaltig-responsive-theme-wie-geht-das/35242/9 "2016-04-02T11:31:18Z")

</div>

Wenn ich großes Bild im Backend bei den Kategorien einstelle, wird die Ansicht aber nur 2-spaltig angezeigt. Ich möchte aber 3 Spalten angezeigt bekommen.&nbsp;

&nbsp;

---

<div class="post-metadata">

### Author: ![useg](https://avatars.discourse-cdn.com/v4/letter/u/df705f/32.png) [@useg](https://forum.shopware.com/u/useg)
#### Post date: [2. April 2016 um 15:49 UTC](https://forum.shopware.com/t/kategorie-design-5-spaltig-anstatt-2-spaltig-responsive-theme-wie-geht-das/35242/10 "2016-04-02T15:49:16Z")

</div>

Dreispaltig bei Produkt Layout&nbsp;“Großes&nbsp;Bild”&nbsp;

```
@media screen and(min-width: @tabletViewportWidth) {

.box--image {
    width: 33.33%;
}

}

```

Es hat jedes Produktlayout eine andere Class

Nur wichtige Informationen &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;.box–minimal  
Detaillierte Informationen &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;.box–basic  
Großes&nbsp;Bild &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;.box–image

&nbsp;

Um das heraus zu finden gibt es ja die&nbsp;Chrome DevTools, die sehr oft im Forum erwähnt und mit dem man unbedingt auch arbeiten sollte

Uwe

---

<div class="post-metadata">

### Author: ![Uhrenwarenhaus](https://avatars.discourse-cdn.com/v4/letter/u/ecccb3/32.png) [@Uhrenwarenhaus](https://forum.shopware.com/u/Uhrenwarenhaus)
#### Post date: [2. April 2016 um 16:24 UTC](https://forum.shopware.com/t/kategorie-design-5-spaltig-anstatt-2-spaltig-responsive-theme-wie-geht-das/35242/11 "2016-04-02T16:24:48Z")

</div>

Hallo Uwe,&nbsp;

genial. Vielen Dank für die Hilfe. Hat super geklappt.&nbsp;

Ich wünsche dir ein schönes Wochenende.

Gruß

Jürgen
