Malibu - Kategorie-Filter in der Mobilansicht

Hallo zusammen,

ich setze in manchen Kategorien Filter ein.
Bei Malibu ist in der mobilen Ansicht (Handyansicht) die Filter-Funktion über diesen "Trichter-Button" aufrufbar.


Mir ist aufgefallen, dass viele "Testkunden" dieses Filter-Symbol nicht als solches erkennen.

Hat jemand eine Idee, wo man dieses Symbol ändern kann?
Mein Wunsch wäre einfach das Wort "Filtern", ähnlich dargestellt wie der "Sortieren nach"-Button daneben.

Ich hab einen Cloud-Shop.

Vielen Dank schon mal!

 

Bei solchen Fragen ist der Link zum Shop immer sehr hilfreich.

 

Hier eine Beispiel-Kategorie in der es Filter gibt:
https://www.racket-sports.de/tennis/tennisschlaeger/

 

Ich finde Symbol + Wort immer ganz schön, siehe Screenshot.


Wenn Du das auch magst, kannst Du den folgenden CSS-Code einfach übernehmen.

Code:

.productlisting-filter-container fa.fa-filter::after {
  content: "Filtern";
  font-family: "Fira Sans" !important;
  font-weight: 400 !important;
  margin-left: 5px;
}

Wenn Du nur das Wort "Filtern" haben möchtest, kannst Du den folgenden Code übernehmen:

Code:

.productlisting-filter-container fa.fa-filter {
  font-size: 0px !important;
}
.productlisting-filter-container fa.fa-filter::after {
  content: "Filtern";
  font-family: "Fira Sans" !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}

Das sieht dann so aus:



So fügst Du einen CSS-Code hinzu:

1. Im Adminbereich "Theme bearbeiten" wählen
2. Im StyleEdit oben rechts auf die drei Punkte klicken
3. "SCSS/CSS bearbeiten" wählen
4. Text bei "Eigene Stylesheets" einfügen und speichern. Fertig.