Präsentation herunterladen
Die Präsentation wird geladen. Bitte warten
1
EIDAMO ® Frontend 2013
2
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.
3
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
4
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.
5
Demo
6
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.
7
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
8
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.
9
Demo
10
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.
11
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.www.yaml.de Der EIDAMO Shop basiert auf 2 Grundtemplates von YamL: fullpage_3col und 2col_left_13 YamL (X)HTML/CSS Framework
12
Demo
13
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.www.yaml.de Der EIDAMO Shop basiert auf 2 Grundtemplates von YamL: fullpage_3col und 2col_left_13 YamL (X)HTML/CSS Framework
14
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
15
Demo
16
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
17
Unterstützt Touch Geräte wie das iPad oder iPhone Getestet auf iPad iOS 4.5
18
Unterstützt Touch Geräte wie das iPad oder iPhone Getestet auf iPhone iOS 4.5
19
Unterstützt Touch Geräte wie das iPad oder iPhone Touch Icons bereits Vordefiniert und einfach zu ersetzen
20
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.
21
Demo
22
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
23
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
24
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
25
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
Ähnliche Präsentationen
