# Filter aufgeklappt anzeigen

**URL:** <https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750>\
**Category:** Themes & Design\
**Created:** [8. Juli 2015 um 15:51 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750 "2015-07-08T15:51:38Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![DKbox](https://avatars.discourse-cdn.com/v4/letter/d/ee7513/32.png) [@DKbox](https://forum.shopware.com/u/DKbox)\
**Post date:** [8. Juli 2015 um 15:51 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/1 "2015-07-08T15:51:38Z")

</div>

Guten Tag, ich würde bei meinem Shopware 5 - Responsive Template gerne die Filter beim Produkt-Listing automatisch aufgeklappt haben. Bei der Suche nach einer Lösung zum Problem, bekomme ich nur Themen die für Shopware 4 relevant waren. Eine Umsetzung für Shopware 5 ist mir bisher nicht gelungen. Hat jemand eine Lösung oder einen Weg dafür? Vielen Dank

---

<div class="post-metadata">

**Author:** ![kweb](https://avatars.discourse-cdn.com/v4/letter/k/e19adc/32.png) [@kweb](https://forum.shopware.com/u/kweb)\
**Post date:** [8. Juli 2015 um 16:09 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/2 "2015-07-08T16:09:30Z")

</div>

Mein Programmierer hat das mit individueller Programmierung gelöst, schreib mir mal ne PM wenn du hier nicht weiter kommst, vielleicht kann er dir auch helfen. lg kweb

---

<div class="post-metadata">

**Author:** ![regentanker](https://avatars.discourse-cdn.com/v4/letter/r/50afbb/32.png) [@regentanker](https://forum.shopware.com/u/regentanker)\
**Post date:** [15. Juli 2015 um 11:18 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/3 "2015-07-15T11:18:58Z")

</div>

Hat hier jemand eine Lösung gefunden? Würde meine Filter auch gerne dauerhaft geöffnet anzeigen. In diesem Shop ist es jemandem gelungen: [https://www.ofen.de/outdoor?p=1](https://www.ofen.de/outdoor?p=1) Würde mich sehr über Antwort freuen.

---

<div class="post-metadata">

**Author:** ![DKbox](https://avatars.discourse-cdn.com/v4/letter/d/ee7513/32.png) [@DKbox](https://forum.shopware.com/u/DKbox)\
**Post date:** [15. Juli 2015 um 11:22 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/4 "2015-07-15T11:22:34Z")

</div>

Ich habe leider auch noch keine Lösung.

---

<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:** [4. August 2015 um 17:45 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/5 "2015-08-04T17:45:50Z")

</div>

Wir haben in unserer CSS Datei nur folgendes dafür eingefügt: `.action--filter-options .filter--container #filter{ display: block; }` Zusätzlich haben wir in der Datei themes\Frontend\eigenes-theme\frontend\listing\actions\action-filter-button.tpl den Filtern-Button auf active gesetzt: [code]{\* Filter button which will be included in the „listing/listing\_actions.tpl“ \*} {namespace name=„frontend/listing/listing\_actions“} {block name=„frontend\_listing\_actions\_filter\_button“} {if $facets|count \> 0}

{s name=‚ListingFilterButton‘}{/s}  
{/if} {/block}[/code] Das sollte es schon gewesen sein.

---

<div class="post-metadata">

**Author:** ![macxman](https://avatars.discourse-cdn.com/v4/letter/m/eada6e/32.png) [@macxman](https://forum.shopware.com/u/macxman)\
**Post date:** [8. August 2015 um 13:22 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/6 "2015-08-08T13:22:07Z")

</div>

Jetzt nur noch in der Datei themes\Frontend\eigenes-theme\frontend\listing\actions\action-filter-panel.tpl ca. Zeile 7 die Klasse is–collapsed hinzufügen [code]

[/code] dann schließt auch der Filter beim ersten Klick auf die Schaltfläche.

---

<div class="post-metadata">

**Author:** ![Hohenbostler](https://avatars.discourse-cdn.com/v4/letter/h/e99b99/32.png) [@Hohenbostler](https://forum.shopware.com/u/Hohenbostler)\
**Post date:** [25. August 2015 um 17:02 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/7 "2015-08-25T17:02:33Z")

</div>

Vielen Dank. Hat super geklappt… 😃

---

<div class="post-metadata">

**Author:** ![phaser-001](https://avatars.discourse-cdn.com/v4/letter/p/f4b2a3/32.png) [@phaser-001](https://forum.shopware.com/u/phaser-001)\
**Post date:** [21. Januar 2016 um 23:39 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/8 "2016-01-21T23:39:25Z")

</div>

leider ist da ein fehler oder? bei mir geht es nicht [quote]Wir haben in unserer CSS Datei nur folgendes dafür eingefügt: .action–filter-options .filter–container #filter{ display: block; }[/quote]

---

<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:** [22. Januar 2016 um 00:01 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/9 "2016-01-22T00:01:30Z")

</div>

Als Plugin verfügbar: [http://store.shopware.com/atsd967226290 … eigen.html](http://store.shopware.com/atsd967226290495/filter-im-kategorie-listing-immer-anzeigen.html) Viele Grüße

---

<div class="post-metadata">

**Author:** ![77webdesign](https://avatars.discourse-cdn.com/v4/letter/7/6f9a4e/32.png) [@77webdesign](https://forum.shopware.com/u/77webdesign)\
**Post date:** [22. Februar 2017 um 17:09 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/10 "2017-02-22T17:09:18Z")

</div>

SUPER vielen Dank - klappt wunderbar ![Thumb-Up](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/1X/7fcda44f782696668a3d093569d15e88105769e1.png "Thumb-Up")

---

<div class="post-metadata">

**Author:** ![HenkEvans](https://avatars.discourse-cdn.com/v4/letter/h/fbc32d/32.png) [@HenkEvans](https://forum.shopware.com/u/HenkEvans)\
**Post date:** [11. Dezember 2019 um 23:06 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/11 "2019-12-11T23:06:12Z")

</div>

> [@MatKor schrieb:](https://forum.shopware.com/profile/354/MatKor "MatKor")
> 
> Wir haben in unserer CSS Datei nur folgendes dafür eingefügt:
> 
> .action–filter-options .filter–container #filter{ display: block; }
> 
> …

Kann mir bitte jemand erklären, in welcher „CSS Datei“ dieser Code eingefügt werden muss?

Oder zweite Frage: Die o. g. Antwort ist 4 Jahre alt. Ist diese Vorgehensweise&nbsp;in Shopware 5.6.3. noch aktuell?&nbsp;

---

<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:** [30. November 2020 um 11:27 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/12 "2020-11-30T11:27:44Z")

</div>

Wenn ihr ein eigenes Theme benutzt, ist das völlig Wurst in welche CSS bzw. LESS Datei ihr das Beispiel reinpackt. Keiner hier im Forum kennt eure Themes. Alternativ kann man das auch beim Theme Manager reinpacken (steht eigentlich alles in der Doku). Siehe Theme Manager -\> Theme Konfiguration -\> Konfiguration -\> Weiter CSS-Dateien. Hier kann man auch mittels \< style \> … \< /style \> eigenes CSS einbinden. Viele Wege führen nach Rom, sofern man die Dokus liest.

Kleine Hilfe (Using LESS in your theme):

[https://developers.shopware.com/designers-guide/less/](https://developers.shopware.com/designers-guide/less/)

&nbsp;

---

<div class="post-metadata">

**Author:** ![medeo](https://avatars.discourse-cdn.com/v4/letter/m/48db29/32.png) [@medeo](https://forum.shopware.com/u/medeo)\
**Post date:** [30. November 2020 um 12:01 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/13 "2020-11-30T12:01:42Z")

</div>

Danke für deine ausführliche Antwort!

es geht doch um Listing. Die Frage war welche LESS, bzw. CSS Datei antwortet für die Listing z.b. in Standard Theme

---

<div class="post-metadata">

**Author:** ![medeo](https://avatars.discourse-cdn.com/v4/letter/m/48db29/32.png) [@medeo](https://forum.shopware.com/u/medeo)\
**Post date:** [30. November 2020 um 12:03 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/14 "2020-11-30T12:03:18Z")

</div>

ich kann es doch nicht in detail.less reinpacken. Oder?

---

<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:** [30. November 2020 um 12:31 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/15 "2020-11-30T12:31:34Z")

</div>

Alle CSS bzw. LESS-Dateien werden geladen, unabhängig ob man die Detail- oder Listingseite aufruft. Nur für die bessere Übersicht trennt man in der Regel die Dateien auf, damit man Änderungen besser und übersichtlicher vornehmen kann.

---

<div class="post-metadata">

**Author:** ![medeo](https://avatars.discourse-cdn.com/v4/letter/m/48db29/32.png) [@medeo](https://forum.shopware.com/u/medeo)\
**Post date:** [30. November 2020 um 12:35 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/16 "2020-11-30T12:35:37Z")

</div>

also ich habe die Datei custom\_listing.less im …/frontend/\_public/src/less mit u.g. Code erstellt.

```
.action--filter-options .filter--container #filter{
  display: block;
}

```

all.less selbstverständlich ergänzt, Cashe gelöcht, Theme kompiliert.

Funktioniert trotzdem nicht.

Was habe ich falsch gemacht?

---

<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:** [30. November 2020 um 12:40 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/17 "2020-11-30T12:40:37Z")

</div>

Das kann ich von hier aus nicht so beurteilen. Das CSS selber sieht (optisch) jedenfalls korrekt aus. Ob es überhaupt greift habe ich bisher nicht ausprobiert. Mittels F12 im Browser kann man sich die CSS-Einstellungen zum Element ansehen bzw. live testen.

---

<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:** [30. November 2020 um 12:55 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/18 "2020-11-30T12:55:36Z")

</div>

Habe mir das eben angeschaut und ich hätte es so gemacht (wenn die Filter nicht in der Sidbar sind!):

```
.listing--actions .filter--container .filter--facet-container,
.listing--actions .filter--container .filter--active-container 
{
 display: block;
}

```

Getestet unter aktueller SW Version!

---

<div class="post-metadata">

**Author:** ![medeo](https://avatars.discourse-cdn.com/v4/letter/m/48db29/32.png) [@medeo](https://forum.shopware.com/u/medeo)\
**Post date:** [30. November 2020 um 13:32 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/19 "2020-11-30T13:32:07Z")

</div>

Perfekt!

Besten Dank!

---

<div class="post-metadata">

**Author:** ![medeo](https://avatars.discourse-cdn.com/v4/letter/m/48db29/32.png) [@medeo](https://forum.shopware.com/u/medeo)\
**Post date:** [30. November 2020 um 13:35 UTC](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750/20 "2020-11-30T13:35:40Z")

</div>

Leider das Button “Produkte anzeigen” wird erst nach der Betätigung des Buttons “Filtern” sichtbar. Kann mann etwas dagegen unternehmen?

Momentan kann man das nur über Filtereinstellungen im “Performance” lösen. Listing Modus auf “Produkte live nachladen” stellen.

[Nächste Seite](https://forum.shopware.com/t/filter-aufgeklappt-anzeigen/28750.md?page=2)
