Live Search in modified eCommerce Shopsoftware
Sofort die ersten Treffer sehen! Über die Live-Search werden in der modified eCommerce Shopsoftware die ersten Treffer einer Suchanfrage unterhalb des Eingabefeldes angezeigt, wie man es bereits von den Google-Vorschlägen oder anderen Suchen gewohnt ist.
Download
{phocadownload view=file|id=10}
Beispiel
Suche (rechts oben) auf modified.timopaul.biz nach test
Installation
ACHTUNG: Die mitgelieferten Dateien sind Erweiterungen der Orginalen von modified-shop_1.06-r4356. Solltest du eine ältere Version verwenden oder bereits Anpassungen in deinem Shop vorgenommen haben, vergleiche bitte alle Dateien auf Veränderungen.
Alle Modifikationen sind in Blöcken zusammen gefasst:
// BOF - Timo Paul (mail[at]timopaul[dot]biz) - 2013-07-16 - live search with jquery Hier stehen die Änderungen. Bitte kopiere die Kommentare mit um später diese Änderungen wieder zu erkennen // EOF - Timo Paul (mail[at]timopaul[dot]biz) - 2013-07-16 - live search with jquery
1. Backup erstellen
Bitte leg ein Backup vom Shop und der Datenbank an bevor du die folgenden Schritte ausführst!
KEINE HAFTUNG FÜR FEHLFUNKTIONEN NACH DER INSTALLATION
2. Dateien hochladen
Die Datei shoproot/liveSearch.php ins Root-Verzeichnis des Shops kopieren
Die Datei shoproot/templates/xtc5/css/liveSearch.css nach [SHOP_ROOT]/templates/[DEIN_TEMPLATE]/css/ kopieren
Die Datei shoproot/templates/xtc5/javascript/liveSearch.js nach [SHOP_ROOT]/templates/[DEIN_TEMPLATE]/javascript/ kopieren
3. Dateien bearbeiten
3.1. [SHOP_ROOT]/templates/[DEIN_TEMPLATE]/css/general.css.php
Am Ende der Datei einfügen:
3.2 [SHOP_ROOT]/templates/[DEIN_TEMPLATE]/javascript/general.js.php
Am Ende der Datei einfügen:
ACHTUNG: Der jQuery–Selektor #quick_find input[type=“text“] gilt für das Standard-Template xtc5, solltest du ein anderes Template verwenden muss dieser Selektor geprüft und gegebenenfalls angepasst werden.