Aktuelles / BlogAktuelles / Blog

Neueste Meldungen, Hintergrundinfos, HOW-TOs

...und vieles mehr nur hier im Blog

Weitere Informationen zu Contentpapst Weitere Informationen zum CP::Shop

Neueste Beiträge


Entwickler-Blog: Shop-Software CP::Shop (weitere Informationen)

<< zum vorherigen Eintragzum nächsten Eintrag >>

Live-Suche für Artikel im Online-Shop bereitstellen (Fr, 12.09.2008)

Wenn Sie die Shopsoftware CP::Shop in einer aktuellen Version einsetzen, dann sind Sie sicherlich gut mit der Funktionsweise der "Live-Suche" im Administrationsbereich vertraut. U.a. bei der Suche nach Kunden, Herstellern und Partnern genügt bereits die Eingabe der ersten Zeichen, um die Suche automatisch zu starten. Ohne Neuladen der Seite werden die jeweils passenden Suchergebnisse angezeigt. Dies beschleunigt die Arbeit ungemein, kann doch schon durch die Eingabe weniger Zeichen der gewünschte Eintrag ermittelt werden.
Wichtiger Hinweis: Die hier vorgestellte Lösung bezieht sich auf die CP::Shop-Versionen 2008.3 und 2009.1. Ab Version 2009.2 nutzt die Shop-Software CP::Shop eine alternative Lösung, die standardmäßig enthalten ist.

Bislang war diese Suche nur in verschiedenen Bereichen des Administrationsbereiches verfügbar. In diesem Eintrag des Entwickler-Blogs zeigen wir Ihnen nun, wie Sie in der Version 2008.3 mit wenigen Änderungen auch für Ihre Besucher eine derartige Live-Suche bereitstellen können. Hier sehen Sie die Live-Suche im fertigen Zustand:

Gesucht wird im Titel der Artikel. Es kann dabei festgelegt werden, wie viele Artikel maximal angezeigt werden sollen und ob der eingegebene Suchbegriff an beliebiger Stelle bzw. nur am Anfang oder am Ende des Titels gesucht werden soll. Letzteres kann je nach Anzahl der Artikel die Geschwindigkeit der Suche beeinflussen.

In diesem Beispiel wurde nach Büchern von Balzac gesucht. Per Klick auf eines der Suchergebnisse wird dieses in das Suchfeld übernommen und die Suche kann gestartet werden. Falls nur ein Artikel mit diesem Titel existiert, springt die Shopsoftware automatisch auf die Detailansicht des Artikels weiter.

Um die Live-Suche in Ihrem mit CP::Shop ab Version 2008.3 betriebenen Online-Shop einzubauen, müssen die folgenden Änderungen nacheinander vorgenommen werden:

Logik für die Live-Suche

Um im Online-Shop in den Titel der Artikel suchen zu können, legen Sie unter "/modules/shop/public/" eine neue Datei "live_search.php" mit folgendem Inhalt an:

Darstellung der Suchergebnisse per CSS

Die Suchergebnisse werden als einfache HTML-Liste ausgegeben, die Darstellung erfolgt über "Cascading Style Sheets" (CSS). Diese CSS-Regel müssen am Ende der bereits standardmäßig vorhandenen Datei "/themes/cpshop/style.css" eingefügt werden. Sie legen die Darstellung der gesamten Liste und der einzelnen Listen-Elemente fest:

Live-Suche im oberen Suchfeld aktivieren

Damit die Live-Suche nun auch im Shop aktiv genutzt werden kann, sind zuletzt Änderungen an der zentralen Vorlage "/themes/cpshop/main.htm" erforderlich. Ersetzen Sie dort die Zeile

durch folgendes, um alle für die Live-Suche erforderlichen Ressourcen zu laden:

Weiterhin muss das bisher genutzte Suchformular:

durch folgenden HTML-Code ersetzt werden:

Mit diesen kleinen Änderungen an Ihrem Shop bieten Sie Ihren Besuchern und Kunden eine starke Erleichterung bei der Suche nach bestimmten Artikeln. Damit können Sie gegenüber Ihren Mitbewerbern punkten, gerade bei Besuchern, die bereits beim Aufruf Ihres Online-Shops genau wissen, für welchen Artikel sie sich interessieren.


RSS-Feed abonnieren RSS-Feed abonnieren

Blog-Eintrag kommentieren

Um einen Kommentar zu diesem Beitrag zu verfassen, können Sie sich im folgenden Formular entweder manuell mit Benutzername und Email-Adresse identifizieren oder aber Sie loggen sich über ein vorhandenes Profil bei Facebook, Twitter, OpenID etc. ein. Auf Wunsch haben Sie die Möglichkeit, sich automatisch über weitere Kommentare informieren zu lassen.

<< zurück

Weitere Einträge in der Kategorie "Shop-Software CP::Shop"

Hier finden Sie die eBusiness-/eCommerce-Spezialisten von sandoba.de:
https://www.sandoba.de/blog/shop-software-cpshop/live-suche-fuer-artikel-im-online-shop-bereitstellen/