Design Suche im Header anpassen

Thema wurde von Anonymous, 11. Oktober 2018 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    15. Mai 2017
    Beiträge:
    776
    Danke erhalten:
    166
    Danke vergeben:
    199
    #1 Anonymous, 11. Oktober 2018
    Zuletzt bearbeitet: 12. Oktober 2018
    Hallo alle,

    wie bekomme ich den den Button (das hellgrau) angepasst? Im StyleEdit habe ich nichts gefunden, oder habe ich was übersehen? Oder geht das nur über "Eigenes CSS"?

    upload_2018-10-11_8-35-4.png

    EDIT:
    Hat sich erledigt, habe es selber hinbekommen mit eigenem CSS
     
  2. Angels Garden Dekoshop

    Angels Garden Dekoshop Erfahrener Benutzer

    Registriert seit:
    4. Oktober 2014
    Beiträge:
    192
    Danke erhalten:
    17
    Danke vergeben:
    43
    Hallo, bin auch grad an dem Thema dran. Würde mir den Button gerne ausblenden. Wie hast du es umgesetzt bekommen?

    Danke schon mal für deine Antwort :)
     
  3. Wilken (Gambio)

    Wilken (Gambio) Erfahrener Benutzer

    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.310
    Danke vergeben:
    2.208
    In nem 3.11 sollte das CSS hier gehen:

    Code:
    .navbar-search .input-group .input-group-btn .dropdown-toggle {
        display: none;
    }
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    15. Mai 2017
    Beiträge:
    776
    Danke erhalten:
    166
    Danke vergeben:
    199
    EIgenes CSS, Farben muss Du natürllich auf Deine anpassen. RGB Werte und #xxxxxx.
    Mein Shop läuft 3.10.1.0, da funktioniert das. In den neueren Update Version gibt es Änderungen in der Vorgehensweise, beim CSS, da muss dass dann wieder angepasst werden. Ob das in deiner Version auch passt, kann ich nicht sagen.
    Wie man das ganz ausblendet, kann ich nicht sagen.

    Code:
    #search .input-group .input-group-btn .dropdown-toggle, #search .input-number .input-group-btn .dropdown-toggle, #search .input-number .input-number .btn-plus .dropdown-toggle, .input-number #search .input-number .btn-plus .dropdown-toggle, #search .input-number .input-number .btn-minus .dropdown-toggle, .input-number #search .input-number .btn-minus .dropdown-toggle, #search .input-group .input-number .btn-plus .dropdown-toggle, .input-number #search .input-group .btn-plus .dropdown-toggle, #search .input-group .input-number .btn-minus .dropdown-toggle, .input-number #search .input-group .btn-minus .dropdown-toggle {
        color: #ffffff;
        background-color: #85132d;
        background-image: linear-gradient(rgb(133, 19, 45) 0%, rgb(133, 19, 45) 100%);
        background-repeat: repeat-x
    }
    EDIT: Wilken war (mal wieder) schneller. :(
     
  5. Angels Garden Dekoshop

    Angels Garden Dekoshop Erfahrener Benutzer

    Registriert seit:
    4. Oktober 2014
    Beiträge:
    192
    Danke erhalten:
    17
    Danke vergeben:
    43
    Bin aktuell noch bei Version 3.8.1.2.

    Sieht halt bei der Einbindung von der Findologic smart sugest bescheiden aus, wenn die Suchergebnisse nebenan zusätzlich erscheinen. (siehe Bild)
     

    Anhänge:

  6. Wilken (Gambio)

    Wilken (Gambio) Erfahrener Benutzer

    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.310
    Danke vergeben:
    2.208
    Code:
    #search .input-group .input-group-btn .dropdown-toggle {
       display: none;
    }
    
    #search .input-group .search-input {
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
    }
     
  7. Angels Garden Dekoshop

    Angels Garden Dekoshop Erfahrener Benutzer

    Registriert seit:
    4. Oktober 2014
    Beiträge:
    192
    Danke erhalten:
    17
    Danke vergeben:
    43
    Super, vielen Dank :)