Suchfeld im Shop deaktivieren
Author: Frank D.
Visited 643,
Followers 1,
Shared 0
Hallo Leuts,
hat jemand zufällig einen Code parat, mit dem sich das Suchfeld im Shop abschalten lässt?
Danke im Voraus,
Frank
Posted on the
Bei WebSite X5 unter ...
3 Sitemap
Spezialseiten:
Onlineshop: suchen <--- hier markieren
... und oben "Eigenschaften" anklicken, dann Reiter "Erweitert" klicken und CSS-Code einfügen bei ...
Benutzerdefinierter Code:
Vor dem </HEAD>-Tag
<style>
input.search { display: none; }
</style>
Das Suchfeld ist weg, aber die Lupe noch vorhanden, evtl. können die CSS-Experten ergänzen.
Wo genau soll das Suchfeld im Shop sein! Wenn du keine "Onlineshop: Suchen" haben willst, dann baue keine ein oder mache keinen LINK zur Suchseite!
Author
Hy Daniel, na das ist ja immerhin schon etwas, danke dir.
@Andreas, guggst du hier:
Author
Ooooooh man, die Lösung lag direkt vor meiner Nase....einfach unter sichtbare Elemente ausschalten:
Jetzt habe ich die Lösung für die Lupe gefunden, es fehlt das !important - siehe
-----
!IMPORTANT setzt das Cascading außer Kraft und gibt einer CSS-Regel ein so hohes Gewicht, dass sie auch durch später folgende Regeln nicht überschrieben wird.
>> https://www.mediaevent.de/css/important.html
----- Verwendeter CSS-Code -----
<style>
input.search { display: none; }
button.search-button { display: none !important; }
</style>
-----
Author
Danke Daniel für deine Bemühung aber wie du über deinem letzten Beitrag sehen kannst, kann man ds Suchfeld mit einem Klick einfach ausschalte!
Also eigentlich finde ich das Suchfeld an dieser Stelle gut und würde es auch gerne behalten aaaaber: Ich habe eine Seite mit fast schwarzem Hintergrund und die Schrift natürlich auf hell. Das hat zur Folge, dass das Suchfeld auch hell ist und die Schrift im Suchfeld ebenfalls. Und hell auf hell macht wenig Sinn.
Also muss ich es leider deaktivieren!
Danke für den Tipp - Sichtbare Elemente: [_] Suchfeld - manchmal vergisst man Naheliegendes.
...
Ich habe ich eine Lösung für Schriftfarbe im Suchfeld gefunden, trotz geringer CSS-Kenntnisse.
>> https://www.w3schools.com/howto/howto_css_placeholder.asp
Die Farbe "red" (kommt 3x vor) durch die gewünschte Farbe ersetzen.
-----
<style>
input.search { color:red !important;}
::placeholder { color: red; opacity: 1; /* Firefox */ }
::-ms-input-placeholder { color: red; /* Edge 12 -18 */ }
</style>
-----
Author
Super, Spitzenklasse....vielen Dank Daniel!!!