Forum
11.06.2014, 19:16

Ajax-Such-Hilfe jetzt für alle Shops als Standard Feature verfügbar!

Sehr geehrte Kunden,

heute liefern wir Ihnen ein Update aus, mit dem Sie für das Suchfeld im Frontend eine Ajax-Suche aktivieren können!

Was bisher nur für Kunden der intelligenten POWERsuche vorbehalten war, haben wir nun in einer neuen und modernen Entwicklung für alle POWERGAP Shops verfügbar gemacht. Die Ajax-Suche ersetzt in keiner weise die POWERsuche. Sie ist nicht intelligent und erzeugt nur eine Auflistung einer einfachen Suche-Hilfe (wenn das Suchwort 100% korrekt geschrieben wurde).

Diese neue Ajax-Such-Hilfe ist nun auch mit allen jquery Dingen kompatibel. Die alte Version in der POWERsuche hatte ja als Basis Prototype und funktionierte oft mit jquery-Features nicht. Wer die alte Variante aktiv hat und auf die neue umschalten möchte, muss zunächst das Update www.powergap.de/forum/index.php?topic=856 rückgängig machen! Wer gleichzeitig eine Google-Speed-Optimierung bei uns beauftragt hat, muss uns dazu kontaktieren, da wir das alte Prototype zur Optimierung/Komprimierung hart in PHP-Skripten verankert haben.

Achtung: diese Ajax-Such-Hilfe erhöht die Klickzahlen Ihres Systems! Ab 4 Buchstaben wird im Hintergrund ein separater Connect zum Server gestartet. Und dann (wenn der Kunde sehr langsam tippt) bei jedem weiterem Buchstaben erneut. Sprich ein Wort aus 10 Buchstaben "kann" 6 zusätzliche Klicks in der Klickstatistik bedeuten. In der Regel schreibt der Kunde aber sein Suchwort flüssig in das Suchfeld. Unser Javascript wartet gewisse Millisekunden so dass diese Funktion in den meisten Fällen eher nur den einen Klick registriert/erzeugt.

Die Einrichtung:

Die Aktivierung erfolgt über Sonstiges > Grundeinstellungen > Suche_mit_Ajax_Unterstützung

Ja = Schaltet die Ajax-Such-Hilfe ein:




Ja mit Bildern - Schaltet die Ajax-Such-Hilfe mit eingeblendetem Thumb ein:




Rechts vom Dropdown befindet sich ein Feld, dass wenn man nichts hinein schreibt automatisch mit 30 gefüllt wird. Es handelt sich hierbei um die Anzahl der Maximal ausgegeben Artikel der Suche.

Bitte beachten, wenn man Ja mit Bildern gewählt hat, sollte die Anzahl kleiner sein, Beispielweise 12. Denn die Höhe der Thumbs macht eine Anzeige von mehr Artikeln nicht möglich.

Die Aktivierung bedarf jQuery. Das ist bei den meisten Shops bereits aktiv, da viele von Ihnen solche Features wie Slider auf der Startseite einsetzen.. Wenn kein jQuery vorhanden, dann muss über Sonstiges > Sonstige Einstellungen > Javascript_Head folgender Code eingesetzt werden:

<script type="text/javascript" src="x_js.php?j=jquery18"></script>


Die Ausgabe im Frontend verfügt wie üblich über fest zugewiesene CSS-Klassen, die Sie entsprechend selbst konfigurieren können:


    [li].AJOutputWindow -> Gesamtes Objekt um das Ergebnis[/li]
    [li].AJOutputWindow.nichtsGefunden  -> Gesamtes Objekt um das Ergebnis, wenn die Suche kein Ergebnis erzielen konnte[/li]
    [li].AJOutputPicture-> Thumbs vor den Artikelnamen[/li]


Beispielsweise kann man das Thumbnail kleiner machen, um mehr Artikel auf einmal anzeigen zu können, oder die Ecken abrunden, wenn es das eigene CI verlangt.

Sollten Sie Probleme mit der Einrichtung dieser Funktion haben, helfen wir Ihnen natürlich gern weiter. Bitte entsprechend direkt an uns wenden.

Ein kleiner Bug mit Umlauten in manchen Shops, wird noch morgen behoben. Der ist erst eben bei einer Aktivierung aufgefallen. Hat mit unterschiedlichen UTF8 Einstellungen auf den unterschiedlichen Servern zu tun.
12.06.2014, 10:01

Ajax-Such-Hilfe und UTF8

Auf einigen unserer Server gibt die neue Ajax-Suche Umlaute unschön aus:



Dies kann mit einer Einstellung unter Sonstiges > Grundeinstellungen > Zusaetzliches_UTF8_Ajax_Encoding behoben werden.
12.06.2014, 15:07

Re:Ajax-Such-Hilfe jetzt für alle Shops als Standard Feature verfügbar!

Noch ein Nachschlag!

CSS

Bitte über Layout > Schriften/CSS > ROOT dieses Stück CSS einstellen:

.ajax_achtung {font-family: Verdana, Arial; font-size: 10px; color: #CC0000; font-weight: bold; text-decoration:none;}
.ajax_normal {font-family: Verdana, Arial; font-size: 10px; color: #444444; font-weight: bold; hover color: #205DCB;}
.ajax_markierung {font-family: Verdana, Arial; font-size: 10px; color: #23BB00; font-weight: bold; text-decoration:none;}
.ajax_zeile {width:500px;background-color:#FFFFFF;}
.ajax_zeile_oben {width:500px;height:1px;}
.ajax_zeile_unten {width:500px;height:1px;}
.ajax_tooltipp_titel {font-size: 14px; color: #333333;}
.ajax_tooltipp_text {font-size: 10px; color: #777777;}
.ajax_tooltipp_tab {background-color:#FFFFFF;margin:0px;padding:0px;}


Später noch an das eigene CI anpassen. Die CSS-Klassen sind eigentlich selbstsprechend.


Texte pflegen (evtl. je Sprache!)

Über T > Seitentexte ganz unten finden Sie diese 3 Felder:



Das erste Feld sagt aus, ab welche Anzahl Artikel der Satz aus Feld 2 angezeigt werden soll. Das Synonym #Anzahl aus Feld 2 ist auch selbstredend.
Im Feld 3 Kommt ein Text wie:

<b>Ausgabe hier unterbrochen. Das Ergebnis ist länger als 30 Vorschläge. Bitte verwenden Sie bei Bedarf genauere oder mehrere Suchbegriffe.</b>


rein. Dieser wird ganz unten in dem Layer eingeblendet, wenn das Suchergebnis mehr als 30 Artikel gefunden hat.


Forum-Archiv

Alle Beiträge aus:

2026, 2025, 2024, 2023, 2022, 2021, 2020, 2019, 2018, 2017, 2016, 2015, 2014, 2013, 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002,