Live Search in modified eCommerce Shopsoftware

onlineshop Suche

Posted by on 16. Juli 2013

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}

Live-Search in der modified eCommerce Shopsoftware

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 jQuerySelektor #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.

4. Fertig!