[Tutorial] Firefox Such Plugin

[Ifrit]

Firefox suchplugin:

So bauen Sie sich Ihr eigenes Suchplugin


1. Öffnen Sie einen Texteditor Ihrer Wahl (Notepad, Dreamweaver etc.)


2. Kopieren Sie sich folgenden Code und fügen Sie ihn in Ihr dokument ein:

<search
 version="7.1"
 name="{SHOP NAME}"
 description="{SHOP BESCHREiBUNG}" 
 action="{http://go-line.de/shop/advanced_search_result.php?keywords=}"
 searchForm="{http://go-line.de/shop/advanced_search_result.php?keywords=}"
 method="GET"
 >

<input name="sourceid" value="">
<input name="" user>

<interpret 
 resultListStart="<!-- RESULT LIST START -->"
 resultListEnd="<!-- RESULT LIST END -->"
 resultItemStart="<!-- RESULT ITEM START -->"
 resultItemEnd="<!-- RESULT ITEM END -->"
>
</search>

Nicht vergessen die geschweiften Klammern zu löschen {}

3. Bearbeiten Sie nun folgende Abschnitte:

- {SHOP NAME} = Ihr Shop Name

- {SHOP BESCHREiBUNG} = Beschriebung Ihres Shops

- {http://go-line.de/shop/advanced_search_result.php?keywords=} = Bei XT-Commerce sollte der Code
"advanced_search_result.php?keywords=" erhalten bleiben und nur die URL zum shop geändert werden. BSP. http://meinshop.de/advanced_search_result.php?keywords= .

- {http://go-line.de/shop/advanced_search_result.php?keywords=}
Hier sollte das gleiche geschehen wie beim Link oben.

4. Speichern sie diese datei unter *.src (z.B. search.src) ab und laden diese auf Ihren Server.

5. Erstellen Sie ein Icon unfehärer größe von 16x16 und speichern dieses unter dem gleichen namen wie die *.src (z.B. search.gif oder search.png)
Merken Sie sich dabei unter welchen format (gif,jpg,png) Sie diese datei speichern sie werden es später baruchen.
Laden Sie diese in den gleichen Ordner wie die *.src auf den server.

6. Nun gehen Sie in Ihr Template Verzeichniss Ihres Shops und öffnen die index.html.

7. Fügen Sie nach folgenden Code:

{config_load file="$language/lang_$language.conf" section="index"}

diesen Code ein:

<!-- Such Plugin Mozilla Firefox -->
{literal}
<script type="text/javascript">

function addEngine(name,ext,cat)
{
  if ((typeof window.sidebar == "object") && (typeof
  window.sidebar.addSearchEngine == "function"))
  {
	window.sidebar.addSearchEngine(
	  "http://dev.go-line.de/plugin/"+name+".src",
	  "http://dev.go-line.de/plugin/"+name+"."+ext,
	  name,
	  cat );
  }
  else
  {
	errorMsg(name,ext,cat);
  }
}
		
</script>
{/literal}
<!-- ENDE Such Plugin Mozilla Firefox ENDE -->

vergessen Sie nicht den Link abzuändern

"http://meinshop.de/"+name+".src",
"http://meinshop.de/"+name+"."+ext,


8. Jetzt fehlt nur noch der Link im Template:

<a href="java script:addEngine('search','png','Go-Line:Suche')">Firefox-Plugin</a>

('search','png','Go-Line:Suche')

- Der erste Wert ist der Dateiname des Plugins und sollte so heissen wie Ihre *.src
- Danach folgt das Format Ihres Icons (erinnern Sie sich?) z.B. jpg
- Danach können Sie einen Namen für Ihr Plugin wählen



9. Speichern sie das Template ab und laden es hoch.


10. Sollte alles geklappt haben, können Sie nun mit dem Firefox das Suchplugin in die Suchbox übernhemen lassen.




Ich hoffe ich konnte euch etwas helfen.

mfg
Kevin

go-line

-Edit-
Zudem noch eine Andere frage.

Ich würde gerne noch ein zweites Tutorial schreiben und würde gerne wissen ob es sich auch lohnen würde:

Wenn Ihr unter folgendem Link das Bild (Handy) anklickt, erscheint nicht ein Popup sondern ein auf AJAX basierendes Fenster.

http://go-line.de/shop/product_info....dc76c20540f31a

Vielleicht sogar was um es in die neue XT-Commerce version zu interpretieren

[thomas78]

Zitat von Ifrit

Wenn Ihr unter folgendem Link das Bild (Handy) anklickt, erscheint nicht ein Popup sondern ein auf AJAX basierendes Fenster.

http://go-line.de/shop/product_info....dc76c20540f31a

Vielleicht sogar was um es in die neue XT-Commerce version zu interpretieren

Vielen Dank erstmal für das 1. Tutorial! Das 2. mit dem AJAX-Fenster fände ich hoch interessant! Was würde denn passieren, wenn jemand kein JavaScript installiert hat?
Ich würde mich sehr freuen über ein solches Tutorial!

[supervisior]

Zitat von thomas78

Vielen Dank erstmal für das 1. Tutorial! Das 2. mit dem AJAX-Fenster fände ich hoch interessant! Was würde denn passieren, wenn jemand kein JavaScript installiert hat?
Ich würde mich sehr freuen über ein solches Tutorial!

Da würde gar nichts passieren, weil AJAX nichts anderes ist als Javascript.

[John Steed]

Da würde gar nichts passieren, weil AJAX nichts anderes ist als Javascript.

Dosch, supervisior, da passiert was - da wird das Bild einfach als normales Link aufgerufen. Man kann die meisten JavaScript-Links auch barrierefrei gestalten... Und den Container <noscript> gibt's ja auch noch

@ifrit:
Zu Punkt 8: Hast Du Dich da vertippt? <a href="javascript:blabla... (ok, das Link geht wirklich nur mit JS)

Dein "AJAX"-Dingens (wo ist denn da das A und das X? Ich seh da nur J) ist doch die wohlbekannte Lightbox (etwas funktionsreduziert - wie krieg ich das Fenster wieder zu...)

Sehr schönes Tutorial (Englisch) dazu:
http://www.huddletogether.com/projects/lightbox/

[supervisior]

Sofern das definiert ist, hast Du natürlich recht!

[Ifrit]

Zitat von John Steed

Dein "AJAX"-Dingens (wo ist denn da das A und das X? Ich seh da nur J) ist doch die wohlbekannte Lightbox (etwas funktionsreduziert - wie krieg ich das Fenster wieder zu...)

Das A und das X ist wird im Hintergrund eingebunden

Das Fenster bekommte wieder zu indenm du rechts auf das X drückst werde aber die leiste oben noch etwas hervorheben damit das nicht allen apssiert *g*