# Vier oder fünf statt drei Spalten, Produkt-Boxen

**URL:** <https://forum.shopware.com/t/vier-oder-funf-statt-drei-spalten-produkt-boxen/65325>\
**Category:** Themes & Design\
**Created:** [8. März 2020 um 10:25 UTC](https://forum.shopware.com/t/vier-oder-funf-statt-drei-spalten-produkt-boxen/65325 "2020-03-08T10:25:18Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![gokis](https://avatars.discourse-cdn.com/v4/letter/g/7feea3/32.png) [@gokis](https://forum.shopware.com/u/gokis)\
**Post date:** [8. März 2020 um 10:25 UTC](https://forum.shopware.com/t/vier-oder-funf-statt-drei-spalten-produkt-boxen/65325/1 "2020-03-08T10:25:18Z")

</div>

Hallo,

&nbsp;

Wird es irgendwann möglich sein in Erlebniswelten die Blöcke als vier oder fünf Spalten einzustellen? Oder ist es über CSS oder ähnlichem schon möglich?

&nbsp;

LG

Eker

---

<div class="post-metadata">

**Author:** ![ShapeAndShift](https://avatars.discourse-cdn.com/v4/letter/s/5f8ce5/32.png) [@ShapeAndShift](https://forum.shopware.com/u/ShapeAndShift)\
**Post date:** [8. März 2020 um 15:28 UTC](https://forum.shopware.com/t/vier-oder-funf-statt-drei-spalten-produkt-boxen/65325/2 "2020-03-08T15:28:08Z")

</div>

Das Template anpassen ist kein Problem.

Die Spalten sollten hier definiert sein:&nbsp;[https://github.com/shopware/platform/blob/6.1/src/Storefront/Resources/views/storefront/element/cms-element-product-listing.html.twig#L4](https://github.com/shopware/platform/blob/6.1/src/Storefront/Resources/views/storefront/element/cms-element-product-listing.html.twig#L4)

Dafür musst du aber ein kleines Theme Plugin bauen.

---

<div class="post-metadata">

**Author:** ![gokis](https://avatars.discourse-cdn.com/v4/letter/g/7feea3/32.png) [@gokis](https://forum.shopware.com/u/gokis)\
**Post date:** [9. März 2020 um 11:40 UTC](https://forum.shopware.com/t/vier-oder-funf-statt-drei-spalten-produkt-boxen/65325/3 "2020-03-09T11:40:12Z")

</div>

Hallo,

Danke für die Antwort…

Das heißt also, reicht es nicht, wenn ich die Zeile hier:&nbsp;{% set listingColumns = ‚col-sm-6 col-lg-4 col-xl-3‘ %} ändere? Muss ich irgendwie Theme Plugin bauen, wo ich aber keine Ahnung habe?

---

<div class="post-metadata">

**Author:** ![HeyEddie](https://avatars.discourse-cdn.com/v4/letter/h/b4bc9f/32.png) [@HeyEddie](https://forum.shopware.com/u/HeyEddie)\
**Post date:** [13. März 2020 um 15:27 UTC](https://forum.shopware.com/t/vier-oder-funf-statt-drei-spalten-produkt-boxen/65325/4 "2020-03-13T15:27:21Z")

</div>

@gokis‍ ja, Änderungen sollten meines Wissens nach nie im Kernbereich direkt durchgeführt werden, falls das mit der Frage gemeint war. Alleine schon weil sie durch ein Update einfach überschrieben werden könnten. Dafür sind die Plugins da.  
Ich finde allerdings auch, so eine Einstellung für die Spaltenzahl direkt im Backend hätte durchaus noch Sinn gemacht.&nbsp;Für jede kleine Änderung ein Plugin erstellen zu müssen bzw. das Plugin erweitern zu müssen, halte ich auch nicht für optimal.  
Um die ursprüngliche Frage aufzugreifen, es wäre in der Tat schön zu wissen, ob solche Einstellungsmöglichkeiten für die Zukunft geplant sind.  
&nbsp;

---

<div class="post-metadata">

**Author:** ![celal](https://avatars.discourse-cdn.com/v4/letter/c/3da27b/32.png) [@celal](https://forum.shopware.com/u/celal)\
**Post date:** [10. April 2023 um 22:04 UTC](https://forum.shopware.com/t/vier-oder-funf-statt-drei-spalten-produkt-boxen/65325/5 "2023-04-10T22:04:17Z")

</div>

Auch wenn das hier schon älter ist.  
Ich kann mich da nur anschliessen.

Gibt es den irgendwo ein Tutorial wie man es bewerkstelligen kann?

LG

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [11. April 2023 um 08:11 UTC](https://forum.shopware.com/t/vier-oder-funf-statt-drei-spalten-produkt-boxen/65325/6 "2023-04-11T08:11:15Z")

</div>

> **[Grid system](https://getbootstrap.com/docs/4.0/layout/grid/)**
>
> Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, five default responsive tiers, Sass variables and mixins, and dozens of predefined classes.

---

<div class="post-metadata">

**Author:** ![celal](https://avatars.discourse-cdn.com/v4/letter/c/3da27b/32.png) [@celal](https://forum.shopware.com/u/celal)\
**Post date:** [11. April 2023 um 10:15 UTC](https://forum.shopware.com/t/vier-oder-funf-statt-drei-spalten-produkt-boxen/65325/7 "2023-04-11T10:15:00Z")

</div>

Was willst mir damit sagen?

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [11. April 2023 um 10:44 UTC](https://forum.shopware.com/t/vier-oder-funf-statt-drei-spalten-produkt-boxen/65325/8 "2023-04-11T10:44:11Z")

</div>

Du wolltest doch ein Tutorial, wie col CSS Klassen funktionieren, oder nicht?

---

<div class="post-metadata">

**Author:** ![celal](https://avatars.discourse-cdn.com/v4/letter/c/3da27b/32.png) [@celal](https://forum.shopware.com/u/celal)\
**Post date:** [11. April 2023 um 10:52 UTC](https://forum.shopware.com/t/vier-oder-funf-statt-drei-spalten-produkt-boxen/65325/9 "2023-04-11T10:52:43Z")

</div>

Also ist das ein Tutorial wie ich es bewerkstelligen kann von einem 3 Spalten Produkt-Box auf 4 Spalten komme?

Als ich das überflogen habe, sah es für mich sehr allgemein aus.

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [11. April 2023 um 11:00 UTC](https://forum.shopware.com/t/vier-oder-funf-statt-drei-spalten-produkt-boxen/65325/10 "2023-04-11T11:00:53Z")

</div>

Ein Schritt für Schritt Tutorial wirst du vermutlich nicht finden. Du kannst aber die Lösung aus diversen Threads ableiten:

> [@Zwei Produkte nebeneinander Mobile](https://forum.shopware.com/t/zwei-produkte-nebeneinander-mobile/98398/4):
>
> Habe mich geirrt, muss wohl doch im Template angepasst werden: listingColumns ist die Variable. Die kann per {% set listingColumns = 'col-sm-6 col-lg-4 col-xl-3' %} überschrieben werden. col-6 vor das col-sm-6 stellen.

> [@sw\_extends für {% sw\_extends '@Storefront/storefront/component/product/listing.html.twig' %} greift](https://forum.shopware.com/t/sw-extends-fur-sw-extends-storefront-storefront-component-product-listing-html-twig-greift/66184/4):
>
> [@hulk02 schrieb:](https://forum.shopware.com/profile/22359/hulk02 "hulk02") Kannst du mir sagen, wo du&nbsp;{% set listingColumns = ‚col-sm-6 col-lg-4 col-xl-4‘ %} eingetragen hast? ich will nämlich auch auf 3 Spalten. &nbsp; &nbsp; Hallo, ich habe in meinen Theme in der Datei&nbsp; MeinPluginTheme/src/Resources/views/storefront/component/product/listing.html.twig Fogende eingetragen. {% sw\_extends ‚@Storefront/storefront/component/product/listing.html.twig‘ %} &nbsp; &nbsp; {% set listingColumns = ‚col-sm-6 col-lg-4 col-xl-4‘ %} {% block product\_listing %} &nbsp; &nbsp; {{ parent…

Wie man Templates anpasst findest du hier:

> **[Customize Templates | Shopware Documentation](https://developer.shopware.com/docs/guides/plugins/plugins/storefront/customize-templates.html)**
>
> Documentation for Shopware developers

---

<div class="post-metadata">

**Author:** ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)\
**Post date:** [9. Februar 2024 um 09:54 UTC](https://forum.shopware.com/t/vier-oder-funf-statt-drei-spalten-produkt-boxen/65325/11 "2024-02-09T09:54:54Z")

</div>

Muss dieses Thema auch noch mal heraus holen. In Shopware 6 gibt es offenbar keine Möglichkeit, bei den Einkaufswelten auch ein 4-spaltiges Layout anzulegen ☹

Zitate Shopware:

```auto
Bring dein Business auf ein neues Level mit maximaler Flexibilität 

```

Leider nicht Flexibilität ☹ Zumal man bei einer Migration von SW5 die Einkaufswelten einfach nicht mehr nachbauen kann. Das ist großer Mist.

---

<div class="post-metadata">

**Author:** ![EikeBrandtWarneke](https://avatars.discourse-cdn.com/v4/letter/e/cdc98d/32.png) [@EikeBrandtWarneke](https://forum.shopware.com/u/EikeBrandtWarneke)\
**Post date:** [9. Februar 2024 um 10:00 UTC](https://forum.shopware.com/t/vier-oder-funf-statt-drei-spalten-produkt-boxen/65325/12 "2024-02-09T10:00:05Z")

</div>

Es gibt im Forum jede Menge Plugins, die sich mit dem Thema CMS Layouts (inkl. vieler Layouts mit diversen Spalten) beschäftigen. Schau dich doch da einmal um.

Viele Grüße
