Malibu - Kategorie-Filter in der Mobilansicht

Thema wurde von Anonymous, 27. April 2024 erstellt.

  1. Anonymous

    Anonymous Mitglied

    Registriert seit:
    24. November 2020
    Beiträge:
    9
    Danke erhalten:
    0
    Danke vergeben:
    1
    #1 Anonymous, 27. April 2024
    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.
    upload_2024-4-27_16-42-30.png

    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!
     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.759
    Danke erhalten:
    704
    Danke vergeben:
    254
    #2 Anonymous, 27. April 2024
    Bei solchen Fragen ist der Link zum Shop immer sehr hilfreich.
     
  3. Anonymous

    Anonymous Mitglied

    Registriert seit:
    24. November 2020
    Beiträge:
    9
    Danke erhalten:
    0
    Danke vergeben:
    1
    #3 Anonymous, 27. April 2024
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    11. Juli 2021
    Beiträge:
    404
    Danke erhalten:
    172
    Danke vergeben:
    137
    #4 Anonymous, 27. April 2024
    Zuletzt bearbeitet: 27. April 2024

    Ich finde Symbol + Wort immer ganz schön, siehe Screenshot.
    upload_2024-4-27_23-17-49.png

    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:
    upload_2024-4-27_23-21-15.png


    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.