EIDAMO® Frontend 2013

EIDAMO® Frontend 2013

Das neue Frontend gibt Ihnen 100% Flexibilität, und weil es auf verschiedene Framework Biblieotheken basiert, können Sie praktisch alles grafisch Ihren Wünschen entsprechend anpassen. Dafür nutzt das neue System Bibliotheken die mittlerweile ein Online Standard geworden sind.

EIDAMO® Frontend 2013

Was bietet der Templatesatz 002?

• Ein übersichtlicher Templatesatz

• YamL (X)HTML/CSS Framework

• jQuery Support mit Millionen von Plug-ins

• Unterstützung von Touch Geräte wie das iPad

oder iPhone

• Schnelle und einfache Designanpassungen

• Interaktive Dokumentationen über unser WiKi

• Ein übersichtlicher Templatesatz

• Der Root-Ordner des Templatesatzes beinhaltet die einzelnen Seiten

des Shops

• Im Unterordner “subtmpl” finden wir Elemente die überall im Shop

aufgerufen werden können

• Im Unterordner “customer” finden wir Seiten die man als eingelogter

Kunde sehen würde

• In den Unterordnern “news” und “plugins” finden wir Templates die

mit Plug-ins wie die Newsletterfunktion oder der News Funktion zu

tuen haben

• Der “images” Ordner des Templates beinhaltet den Ordner “main”

für schnelle Anpassungen und den Ordner “style” für alle Frontend

bedingten Grafiken, Javascripts und CSS Dateien. Auch die Yaml

Ordnerstruktur wie die Fugue Icons können hier gefunden werden.

Demo

• Ein übersichtlicher Templatesatz

• Der Root-Ordner des Templatesatzes beinhaltet die einzelnen Seiten

des Shops

• Im Unterordner “subtmpl” finden wir Elemente die überall im Shop

aufgerufen werden können

• Im Unterordner “customer” finden wir Seiten die man als eingelogter

Kunde sehen würde

• In den Unterordnern “news” und “plugins” finden wir Templates die

mit Plug-ins wie die Newsletterfunktion oder der News Funktion zu

tuen haben

• Der “images” Ordner des Templates beinhaltet den Ordner “main”

für schnelle Anpassungen und den Ordner “style” für alle Frontend

bedingten Grafiken, Javascripts und CSS Dateien. Auch die Yaml

Ordnerstruktur wie die Fugue Icons können hier gefunden werden.

EIDAMO® Frontend 2013

Was bietet der Templatesatz 002?

• Ein übersichtlicher Templatesatz

• YamL (X)HTML/CSS Framework

• jQuery Support mit Millionen von Plug-ins

• Unterstützung von Touch Geräte wie das iPad

oder iPhone

• Schnelle und einfache Designanpassungen

• Interaktive Dokumentationen über unser WiKi

• Schnelle und einfache Designanpassungen

• Das Logo und die Hintergrundgrafik in der Kopfzeile können ganz einfach durch ein Ersetzen der Dateien logo.gif und grafik_oben.jpg vornehmen.

• Die Grafik auf der Startseite kann ganz einfach durch eine Ersetzung der Datei grafik_mitte.jpg vorgenommen werden. Im Manager muss das Funktionsfeld für die Grafik geschaltet sein.

• Sie können bis zu 6 Partnergrafiken definieren.

• Nutzen Sie die custom_design CSS Datei um die Seite optisch völlig anders aussehen zu lassen.

Demo

• Schnelle und einfache Designanpassungen

• Das Logo und die Hintergrundgrafik in der Kopfzeile können ganz einfach durch ein Ersetzen der Dateien logo.gif und grafik_oben.jpg vornehmen.

• Die Grafik auf der Startseite kann ganz einfach durch eine Ersetzung der Datei grafik_mitte.jpg vorgenommen werden. Im Manager muss das Funktionsfeld für die Grafik geschaltet sein.

• Sie können bis zu 6 Partnergrafiken definieren.

• Nutzen Sie die custom_design CSS Datei um die Seite optisch völlig anders aussehen zu lassen.

• In dem “images” Ordner “css” finden Sie die komplette YamL Struktur der CSS Dateien.

• In dem “custom_design” Ordner befinden sich CSS Dateien die Sie nach Ihrem Belieben nach anpassen können.

• Auf der Seite www.yaml.de finden Sie jede menge Dokumentationen und einen YamL Builder um Ihrem Shop ein eigenes Design zu verpassen.

• Der EIDAMO Shop basiert auf 2 Grundtemplates von YamL: fullpage_3col und 2col_left_13

• YamL (X)HTML/CSS Framework

Demo

• In dem “images” Ordner “css” finden Sie die komplette YamL Struktur der CSS Dateien.

• In dem “custom_design” Ordner befinden sich CSS Dateien die Sie nach Ihrem Belieben nach anpassen können.

• Auf der Seite www.yaml.de finden Sie jede menge Dokumentationen und einen YamL Builder um Ihrem Shop ein eigenes Design zu verpassen.

• Der EIDAMO Shop basiert auf 2 Grundtemplates von YamL: fullpage_3col und 2col_left_13

• YamL (X)HTML/CSS Framework

• In dem “images” Ordner “js” sollten die Plug-ins abgelegt werden, die Sie mit jQuery verwenden.

• Hier finden Sie auch die jquery.eidamo.js Datei in der globale EIDAMO spezifische Einstellungen und Funktionen gemacht wurden.

• Auf der Seite www.jquery.com finden Sie jede menge Dokumentationen und Plug-ins.

• Im Ordner “custom_design” können Sie ausserdem anhand der 01.js Datei eigenen Einstellungen und jQuery Funktionen einbauen oder Änderungen vornehmen.

• jQuery Support mit Tausenden von Plug-ins

Demo

• In dem “images” Ordner “js” sollten die Plug-ins abgelegt werden, die Sie mit jQuery verwenden.

• Hier finden Sie auch die jquery.eidamo.js Datei in der globale EIDAMO spezifische Einstellungen und Funktionen gemacht wurden.

• Auf der Seite www.jquery.com finden Sie jede menge Dokumentationen und Plug-ins.

• Im Ordner “custom_design” können Sie ausserdem anhand der 01.js Datei eigenen Einstellungen und jQuery Funktionen einbauen oder Änderungen vornehmen.

• jQuery Support mit Tausenden von Plug-ins

• Unterstützt Touch Geräte wie das iPad oder

iPhone

Getestet auf iPad iOS 4.5

• Unterstützt Touch Geräte wie das iPad oder

iPhone

Getestet auf iPhone iOS 4.5

• Unterstützt Touch Geräte wie das iPad oder

iPhone

Touch Iconsbereits Vordefiniert und einfach zu ersetzen

• Unterstützt Touch Geräte wie das iPad oder

iPhone

• Die Standard CSS Dateien sind Touchfreundlich

• Alle Touch-Icons sind im “Root” des Bildordners zu finden und einfach zu ersetzen.

Demo

• Die Standard CSS Dateien sind Touch-freundlich

• Alle Touch-Icons sind im “Root” des Bildordners zu finden und einfach zu ersetzen.

• Unterstützt Touch Geräte wie das iPad oder

iPhone

• Interaktive Dokumentationen über unser WiKi

• Umfangreiche Dokumentation die ständig mit weiterführenden Updates ausgebaut werden, stehen für Sie in unserem WiKi zur verfügung: http://wiki.seg-network.de

EIDAMO® Frontend 2013

Was bietet der Templatesatz 002?

• Ein übersichtlicher Templatesatz

• YamL (X)HTML/CSS Framework

• jQuery Support mit Millionen von Plug-ins

• Unterstützung von Touch Geräte wie das iPad

oder iPhone

• Schnelle und einfache Designanpassungen

• Interaktive Dokumentationen über unser WiKi

EIDAMO® Frontend 2013

Was sind die Vorteile?

• Einfache Anpassung über Web 2.0 Standarte (DOM-

Tree/CSS)• Share-Optionen über AddThis.com bereits

vordefiniert• Beliebig erweitern durch Tausenden von jQuery

Plug-ins• Frontend Updates ohne eigene Anpassungen zu

Überschreiben

• Soziale Netzwerke können nach belieben verknüpft

werden

• Google Integration und SEO freundlich