Gambio Livesuche – Bilder anzeigen

Nach längerer Sommerpause melde ich mich mal mit einem spannenden Thema zurück.

Gambio Livesuche

Eigentlich kennen ja alle die Livesuche von Gambio. Die Vorschläge werden brav untereinander angezeigt, ohne jedwede Info für den Kunden.

(siehe Bild)

In einem meiner Lieblingsprojekte durfte ich diese Suche nun etwas erweitern und bin der Meinung, dass eine hübsche Suchfunktion in keinem Onlineshop fehlen darf.

Die Livesuche in Gambio ist eigentlich recht einfach zu erweitern, wenn man weis wo man zu suchen hat.

Datenbankabfrage der Livesuche anpassen

Im ersten Schritt öffnet ihr die Datei shoproot/gm/ajax/live_search.php

Ab Zeile (ca) 53 müsste folgender Code stehen

$result = xtc_db_query(‚
SELECT DISTINCT
pd.products_id AS products_id,
pd.products_name AS products_name
FROM
products p
‚ . $t_attr_from . ‚,
products_description pd

Die Zeilen erweitern wir nun mit p.products_image AS products_image. Die komplette Abfrage sollte nun so aussehen

$result = xtc_db_query(‚
SELECT DISTINCT
pd.products_id AS products_id,
pd.products_name AS products_name,
p.products_image AS products_image
FROM
products p
‚ . $t_attr_from . ‚,
products_description pd
WHERE
p.products_status = 1 AND
p.products_id = pd.products_id AND
(pd.products_name LIKE „%‘ . $c_needle . ‚%“
OR p.products_model LIKE („%‘.$c_needle.’%“)
OR p.products_ean LIKE („%‘.$c_needle.’%“) ‚
. $t_desc_where . ‚ ‚
. $t_attr_where . ‚)
AND
pd.language_id = „‚ . (int)$_SESSION[‚languages_id‘] . ‚“
‚ . $t_group_check . ‚
ORDER BY
pd.products_name
LIMIT 0,10
‚);

Danach sucht ihr folgende Zeile:

‚PRODUCTS_ID‘ => $row[‚products_id‘],

und fügt danach noch folgende ein

‚PRODUCTS_IMAGE‘ => $row[‚products_image‘],

Damit haben wir schonmal die Datenbankabfrage für die Livesuche, als auch die SMARTY Variable für die Suchfunktion erstellt.

Templatedatei für die Suche bearbeiten

Also fügen wir nun noch das Produktbild im Gambiotemplate ein. Bei EyeCandy findet ihr die Datei für die Livesuche unter templates/EyeCandy/module/gm_live_search.html

Diese Zeile ist für die Auflistung der Suchergebnisse verantwortlich

<li><a href=“{$module_data.PRODUCTS_URL}“><span id=“livesearch_{$module_data.PRODUCTS_ID}“ class=“flyover_item“>{$module_data.PRODUCTS_NAME}</span></a></li>

Die könnte nun wie folgt geändert werden:

<li><a href=“{$module_data.PRODUCTS_URL}“><span id=“livesearch_{$module_data.PRODUCTS_ID}“>{$module_data.PRODUCTS_NAME}<img src=“./images/product_images/thumbnail_images/{$module_data.PRODUCTS_IMAGE}“ width=“40px“ /></span></a></li>

Ein bisschen zurecht formatieren und die Suche könnte so aussehen

Gambio Livesuche mit Bildern

Natürlich könnte man auch noch andere Sachen mit einfließen lassen in die Gambio Livesuche. Aber ein bisschen Spaß und Erfindergeist überlasse ich auch euch mal ;o)

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.