Suchfeld ohne zusätzlichen Button "Suche" - ist das möglich?

[JanineB]

Moin zusammen,

ich bastel gerade an meinem ersten eigenen Shop. Genaugenommen, sind dies meine allerersten Gehversuche überhaupt selbst etwas online zu stellen, entsprechend wenig Grundkenntnisse bringe ich mit...

Momentan habe ich nach dem trial and error Prinzip und vielen Stunden der Onlinesuche auch schon das ein oder andere mehr oder weniger alleine umgesetzt bekommen, aber an dieser "Nuss" komme ich nicht weiter:
ich möchte gerne die Suchfunktion ohne einen zusätzlichen Suchbutton nutzen können. Also im Prinzip Wort eingeben, enter drücken, Suchergebnisse werden angezeigt.
Kann mir bitte jemand in DAU- freundlichen Worten erklären, wie (und wo) ich das am Besten bewerkstellige?

Ich habe die Shopversion 2.0.2.1 rev 10607 und probiere mich im template tpl_modified.
(Bei der Gelegenheit mal ein paar Verständnisfragen:
xtc5 ist einfach ein anderes "Shoplayout"?
D.h. wenn ich das modified nutze, könnte ich xtc5 theoretisch vom Server löschen?)

Vielen Dank schonmal.

LG
Janine

Linkback: https://www.modified-shop.org/forum/index.php?topic=36543.0

[voodoopupp]

Hallo,

grundsätzlich geht das mit dem Suchfeld ohne Button, den musst du dann einfach "ausbauen".

Allerdings sag ich dir gleich: es gibt jede Menge Internetnutzer, die lieber einen Knopf klicken als Enter zu drücken, geschweige denn, dass sie überhaupt daran denken, dass man Enter drücken muss. Somit wirst du nur für jede Menge Kundenärger sorgen, wenn der Button fehlt

Und ja, du kannst das xtc5 löschen, sofern du das tpl_modified nutzt. Allerdings würde ich es einfach drauf lassen, denn man weiß nie, ob man man für einen Test bzw. Einbau von bestimmten Funktionen nicht doch schnell mal auf ein andere Template wechseln möchte/muss....

Grüße
Dominik

[JanineB]

Hallo Dominik,
danke für Deine Antwort.
Das mit dem fehlenden Button ist ein guter Hinweis. Hm. Ginge es denn, dass automatisch beim eingeben artikel gezeigt werden, die zu der Eingabe passen, also ohne notwendige Bestätigung mit Enter?

Und wenn ich mich trotzdem dafür entscheiden würde, den Button auszubauen- wie und wo müßte ich das tun?

Merci und
LG
Janine

[voodoopupp]

Hallo Janine,

du testest ja gerade mit dem 2.0.2.1 Version. Wenn ich mir die Demo anschaue, gibt es genau das. Such einfach mal hier nach "Test":
http://stable.modified-shop.org/

Dann siehst du schon die Vorschläge

Das sollte im Admin unter Erweiterte Konfiguration -> Such Optionen einstellbar sein (Autocomplete)

Der Button sollte im FTP im template zu finden sein unter:
shoproot/template/deintemplate/boxes/box_search.html

Hier einfach das {$BUTTON_SUBMIT} löschen bzw. auskommentieren, dann sollte der Button weg sein.

Grüße
Dominik

[JanineB]

PERFEKT!
Herzlichen Dank, Dominik!

LG
Janine

[hpzeller]

Hallo Janine,

Eine Alternative zum grossen [Suche] Button wäre eine kleine Lupe, siehe Bild, dies ist ein allgemein verständliches Symbol zur Auslösung eines Suchvorgangs.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Zum Testen:

In '/template/deintemplate/boxes/box_search.html' folgenden Code

Code: XML  [Auswählen]

{$BUTTON_SUBMIT}
 

mit diesem erstzen.

Code: XML  [Auswählen]

<input type="submit" name="" value="" title="{$smarty.const.IMAGE_BUTTON_SEARCH}" style="border: none; background-color: transparent; background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2213%22%3E%3Cg%20stroke-width%3D%222%22%20stroke%3D%22%236c6c6c%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M11.29%2011.71l-4-4%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E); background-position: center center; background-repeat: no-repeat; cursor: pointer; direction: ltr; height: 100%; line-height: 1; overflow: hidden; position: absolute; right: 0; text-indent: -99999px; top: 0; white-space: nowrap; width: 30px;">
 

Der ursprüngliche Code ist von hier -> Search Header Lupe einfügen

Gruss
Hanspeter

[JanineB]

Jungs, ihr seid spitzenklasse! 😘
Sowas in der Art hatte ich mir nach dem Hinweis von Dominik auch überlegt und seither dran "gebastelt" (natürlich nicht geschafft), aber nach Deinem Tipp, Hanspeter...

TAUSEND DANK!