Wie kann das Flash Karussell in den XT-Commerce eingebunden werden?

Wir zeigen Ihnen, wie Sie eine valide und browserunabhängige Einbindung schaffen.

2 Möglichkeiten - Wichtige Hinweise und Informationen

Grundsätzlich gibt es zwei denkbare Methoden, um z.B. das Flash Karussell in einen XT-Commerce Shop einzubinden:

Einbindung über den Contentmanager (nicht empfohlen!)
direkte Einbindung in das Template (Methode SWFObject)

1. Der integrierte XT-Commerce Contentmanger:

Unsere Erfahrungen sowie die Erfahrungen unser Kunden haben gezeigt, dass die Einbindung über den Contentmanager nicht ohne Tücken ist. Grund hierfür ist unter anderen, dass dieser browserabhängig den eingefügten HTML Code selbständig beim Speichern verändert. Dadurch gibt es immer wieder Schwierigkeiten bei der brwoserunabhängigenDarstellung . Nicht selten wird dass Karussell dann im Fierfox ordnungsgemäß angezeigt, im Internet Explorer jedoch leider nicht.

Da viele User unterschiedliche Browser und Versionen nutzen, kann dies zu ungewollten Ergebnissen führen und bestimmten Besuchern der Internetseite sehen kein Karussell.

2. Die direkte Einbindung im HTML Template:

Diese Variante hat den Vorteil, dass Sie den eigentlichen HTML Code direkt beeinflussen können. Es erfolgt keine Änderung durch den Contentmanager bzw. dessen WYSIWYG Editor. Nachteil ist jedoch, dass neben der "index.html" Datei in Ihrem gewählten Template, auch die Einbindung der Javascript Datei "swfobject.js" im Bereich des Headers erfolgen muss. Mit Hilfe unserer Anleitung wird dies kein Problem werden.

Was benötigen Sie für die manuelle Einbindung?

Sie benötigen folgende Daten bzw. Programme bzw. Zugriffsmöglichkeiten:

einen FTP Zugriff zu Ihrem Shop
Ein Programm um HTML und PHP Dokumente zu öffnen (z.B. Adobe Dreamweaver oder ein simpler Text Editor wie z.B. Notepad)
Web FTP oder ein FTP Programm
Die von uns erhalten Dateien, z.B. das Flash Karussell Basic

Upload der Daten auf Ihren Web Speicherplatz.

Laden Sie alle von uns erhaltenen Daten in das von Ihnen bei der Bestellung angegebene Verzeichnis. Dies gilt insbesonderefür die Dateien "config.xml" beim Flash Karussell Extended und die Datei "images.xml" bei Flash Karussell Basic. Nur in demvon Ihnen angegeben Pfad wird die Installation funktionieren.

Einbindung der Javascript Datei im Kopfbereich der Seite.

Die Methode SWFObject benötigt eine Javascript Datei, die im Kopfbereich der Seite (zwischen den HTML Tags <head> und</head>) adressiert, also eingebunden wird. Diese Datei liegt dem bestellten Produkt bei und heißt "swfobject.js"

Die Einbindung selbst erfolgt mit der standardtisierten HTML Einbindung von Javascript Dateien in der XT-Commerce Datei "headers.php". Diese Datei finden Sie vom Hauptverzeichnis aus im Ordner "includes" (siehe Screenshot)

Um bei eventuellen Schwierigkeiten schnell eine Wiederherstellung des Originalsystems gewährleisten zu können,empfehlen wir die Datei "header.php" zu duplizieren und zu sichern!

Öffnen Sie die Datei in Ihrem HTML Editor oder z.B. in Editor, der jeder Windows Installation beiliegt.

Suchen Sie nach folgendem Eintrag bzw. Zeile z.B. über die Suchfunktion des Programms:

Unter dieser Zeile können Sie nun die Datei "swfobject.js" in Abhängigkeit von Ihrem gewünschten Speicherplatz einbinden. Beachten Sie dabei bitte, dass der Pfad zur Datei von Ihrem gewählten Speicherort abhängt. In unserem Beispiel gibt es im Hautordner des gewählten XT-Commerce Templates ein Verzeichnis mit Namen "scripts". Darin wurde die Datei "swfobject.js" gespeichert. Nutzen Sie folgenden HTML Code zur Einbindung unterhalb der gesuchten Zeile in der Datei "header.php"

------------------------------HTML CODE START------------------------------

------------------------------HTML CODE ENDE------------------------------

Speichern Sie die Datei und laden Sie diese ggf. auf Ihren Speicherplatz. Eventuell muss die vorhandene Datei mit gleichem Namen ersetzt werden.

Einbinden des eigentlichen Flash Karussells

Die Einbindung in die "index.html" Datei Ihres Templates erfolgt analog. Der Namen des Templates hängt von Ihrem installierten und gewählten Template ab.

Die "index.html" Datei befindet sich im Standard Shop vom Hauptverzeichnis des Shops zum Beispiel unter:

Templates/Templatename/index.html

Aus Sicherheitsgründen empfehlen wir auch hier zunächst eine Sicherung der Originaldatei vor zunehmen!

Anschliessend öffnen Sie die Datei "index.html". Suchen Sie nach folgendem Eintrag:

{$main_content}

Wenn das Karussell über dem eigentlichen Inhalt ganz oben eingefügt werden soll platzieren oberhalb des gesuchten Begriffes ({$main_content}) folgenden HTML Code:

---------------CODE START---------------

---------------CODE ENDE---------------

Speichern Sie Ihre Datei ab und laden Sie diese auf den Server. Ggf muss die Datei ersetzt werden.

Alternativen

Möchten Sie Ihr Karussell nicht über dem eigentlichen Inhalte der Willkommenseite platzieren bzw. den Willkommensgrußdarüber platzieren , müssen Sie den Contentmanager für die Integration benutzen. Beachten Sie, dass hier die oben aufgeführten Schwierigkeiten entstehen können.