Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

EIDAMO ® Frontend 2013. Das neue Frontend gibt Ihnen 100% Flexibilität, und weil es auf verschiedene Framework Biblieotheken basiert, können Sie praktisch.

Ähnliche Präsentationen


Präsentation zum Thema: "EIDAMO ® Frontend 2013. Das neue Frontend gibt Ihnen 100% Flexibilität, und weil es auf verschiedene Framework Biblieotheken basiert, können Sie praktisch."—  Präsentation transkript:

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 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 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 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 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:

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


Herunterladen ppt "EIDAMO ® Frontend 2013. Das neue Frontend gibt Ihnen 100% Flexibilität, und weil es auf verschiedene Framework Biblieotheken basiert, können Sie praktisch."

Ähnliche Präsentationen


Google-Anzeigen