Zum Hauptinhalt springen
Die FINDOLOGIC-Integration braucht mehrere JavaScript- und CSS-Dateien. Keine davon stammt von WEBSALE. Diese Seite sagt Ihnen, woher Sie jede bekommen, in welcher Reihenfolge sie geladen werden und welche Klassen Sie im Stylesheet ansprechen können. Wie Sie die Suche und die Vorschlagsfunktion einbauen, steht auf der Anleitungsseite. Wegweiser: Integration von FINDOLOGIC · Integration der FINDOLOGIC Suggest-Funktion

​
Die Dateien und woher sie kommen

Fordern Sie die Dateien bei FINDOLOGIC an. Dort heißen sie teilweise anders, die zweite Spalte nennt den jeweiligen Originalnamen. Benennen Sie sie beim Ablegen im Shop so um, wie es die Anleitungsseite verwendet, sonst stimmen die Pfade in den Beispielen nicht.
Die vier Bibliotheken stammen aus den Jahren 2008 bis 2011 und werden von ihren Urhebern nicht mehr gepflegt. jQuery UI 1.8.16 ist besonders alt. Lassen Sie neue Integrationen von FINDOLOGIC bestätigen, bevor Sie diese Stände übernehmen, und prüfen Sie, ob FINDOLOGIC inzwischen neuere Fassungen ausliefert.

​
Die Ladereihenfolge

Für die Vorschlagsfunktion:
findologic_suggest.js setzt beide jQuery-Komponenten voraus und muss nach ihnen stehen. Steht es davor, bleibt die Vorschlagsfunktion wirkungslos, ohne dass eine Fehlermeldung erscheint. jquery.preload.js brauchen Sie nur, wenn die Vorschläge Vorschaubilder zeigen sollen. Für den Preis-Schieberegler kommt findologic_priceslider.js dazu. Er bringt sein eigenes jQuery UI mit und ist unabhängig von der Vorschlagsfunktion.
Wenn Ihr Shop bereits jQuery UI einbindet, laden Sie findologic_priceslider.js nicht zusätzlich. Zwei jQuery-UI-Stände im selben Dokument überschreiben sich gegenseitig, und welcher gewinnt, hängt von der Reihenfolge ab. Verwenden Sie in diesem Fall Ihr vorhandenes jQuery UI mit dem Modul Slider und übernehmen Sie aus findologic_priceslider.css nur die FINDOLOGIC-Klassen.

​
Die Klassen des Suggest-Layers

Den Layer baut findologic_suggest.js selbst auf. Die mitgelieferte Stildatei gestaltet diese Klassen. Wenn Sie den Layer an Ihr Design anpassen, sind das die Ansatzpunkte. Dazu kommt die Kennung preview für den Vorschaubereich.
findologic_suggest.js enthält eine allgemeine Grundklasse und darauf aufbauend eine Umsetzung für ein anderes Shopsystem, erkennbar an den Namen rund um Plentymarkets. Die Funktionen zum direkten Ablegen eines Vorschlags im Warenkorb gehören zu dieser fremden Umsetzung und stehen in WEBSALE V8s nicht zur Verfügung.Für WEBSALE bleibt es bei der Grundfunktion: Vorschläge anzeigen und bei Auswahl die Suche auslösen.

​
Der Preis-Schieberegler

Als Filter für die Suchergebnisse können Sie einen Preisbereich als Schieberegler anbieten. Er ist weder auf der Anleitungsseite noch sonst in dieser Dokumentation beschrieben. Was folgt, ist aus den beiden Dateien abgeleitet. Der Regler ist ein jQuery-UI-Slider. Die beiden Dateien bringen alles mit, was er braucht: das JavaScript den Slider samt seiner Abhängigkeiten, das Stylesheet sowohl das jQuery-UI-Thema als auch die FINDOLOGIC-eigene Gestaltung.

​
Die Kennungen und Klassen

Daneben verwendet das Stylesheet die üblichen jQuery-UI-Klassen ui-slider, ui-slider-horizontal, ui-slider-handle, ui-slider-range, ui-widget, ui-widget-content, ui-widget-header und die Zustände ui-state-default, ui-state-hover, ui-state-focus und ui-state-active. Wenn Sie den Regler umgestalten, ändern Sie die fl-Klassen und lassen Sie die ui-Klassen in Ruhe, sonst brechen Sie das Verhalten des Widgets.

​
Umfang dieser Seite

Keine Zeile der sechs Dateien stammt von WEBSALE, zwei davon sind minifiziert, und findologic_priceslider.js besteht ausschließlich aus einem jQuery-UI-Paket. Abgedruckter Fremdcode veraltet in der Dokumentation, ohne dass es jemandem auffällt, und er verleitet dazu, einen Stand von 2011 zu übernehmen, statt beim Hersteller nach dem aktuellen zu fragen. Diese Seite nennt deshalb die Bezugsquellen und das, was Sie für die Einbindung wissen müssen. Wegweiser: Integration von FINDOLOGIC