1 / 25

EIDAMO ® Frontend 2013

EIDAMO ® Frontend 2013. EIDAMO ® Frontend 2013.

grayson
Download Presentation

EIDAMO ® Frontend 2013

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. EIDAMO® Frontend 2013

  2. 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.

  3. EIDAMO® Frontend 2013 • Was bietet der Templatesatz 002? • EinübersichtlicherTemplatesatz • Schnelle und einfacheDesignanpassungen • YamL (X)HTML/CSS Framework • jQuery Support mitMillionen von Plug-ins • Unterstützung von Touch Gerätewie das iPadoder iPhone • InteraktiveDokumentationenüberunserWiKi

  4. EinübersichtlicherTemplatesatz • Der Root-Ordner des Templatesatzesbeinhaltet die einzelnenSeiten des Shops • ImUnterordner “subtmpl” findenwirElemente die überallim Shop aufgerufenwerdenkönnen • ImUnterordner “customer” findenwirSeiten die man alseingelogterKundesehenwürde • In den Unterordnern “news” und “plugins” findenwir Templates die mit Plug-ins wie die Newsletterfunktionoder der News Funktionzutuenhaben • Der “images” Ordner des Templates beinhaltet den Ordner “main” fürschnelleAnpassungen und den Ordner “style” füralle Frontend bedingtenGrafiken, Javascripts und CSS Dateien. Auch die YamlOrdnerstrukturwie die Fugue Icons könnenhiergefundenwerden.

  5. Demo

  6. EinübersichtlicherTemplatesatz • Der Root-Ordner des Templatesatzesbeinhaltet die einzelnenSeiten des Shops • ImUnterordner “subtmpl” findenwirElemente die überallim Shop aufgerufenwerdenkönnen • ImUnterordner “customer” findenwirSeiten die man alseingelogterKundesehenwürde • In den Unterordnern “news” und “plugins” findenwir Templates die mit Plug-ins wie die Newsletterfunktionoder der News Funktionzutuenhaben • Der “images” Ordner des Templates beinhaltet den Ordner “main” fürschnelleAnpassungen und den Ordner “style” füralle Frontend bedingtenGrafiken, Javascripts und CSS Dateien. Auch die YamlOrdnerstrukturwie die Fugue Icons könnenhiergefundenwerden.

  7. EIDAMO® Frontend 2013 • Was bietet der Templatesatz 002? • EinübersichtlicherTemplatesatz • Schnelle und einfacheDesignanpassungen • YamL (X)HTML/CSS Framework • jQuery Support mitMillionen von Plug-ins • Unterstützung von Touch Gerätewie das iPadoder iPhone • InteraktiveDokumentationenüberunserWiKi

  8. Schnelle und einfacheDesignanpassungen • Das Logo und die Hintergrundgrafik in der KopfzeilekönnenganzeinfachdurcheinErsetzen der Dateienlogo.gif und grafik_oben.jpgvornehmen. • Die Grafik auf der StartseitekannganzeinfachdurcheineErsetzung der Dateigrafik_mitte.jpgvorgenommenwerden. Im Manager muss das Funktionsfeldfür die Grafikgeschaltetsein. • Siekönnenbiszu 6 Partnergrafikendefinieren. • NutzenSie die custom_design CSS Datei um die Seiteoptischvölligandersaussehenzulassen.

  9. Demo

  10. Schnelle und einfacheDesignanpassungen • Das Logo und die Hintergrundgrafik in der KopfzeilekönnenganzeinfachdurcheinErsetzen der Dateienlogo.gif und grafik_oben.jpgvornehmen. • Die Grafik auf der StartseitekannganzeinfachdurcheineErsetzung der Dateigrafik_mitte.jpgvorgenommenwerden. Im Manager muss das Funktionsfeldfür die Grafikgeschaltetsein. • Siekönnenbiszu 6 Partnergrafikendefinieren. • NutzenSie die custom_design CSS Datei um die Seiteoptischvölligandersaussehenzulassen.

  11. YamL (X)HTML/CSS Framework • In dem “images” Ordner “css” findenSie die kompletteYamLStruktur der CSS Dateien. • In dem “custom_design” Ordnerbefindensich CSS Dateien die SienachIhremBeliebennachanpassenkönnen. • Auf der Seitewww.yaml.defindenSiejedemengeDokumentationenund einenYamL Builder um Ihrem Shop eineigenes Design zuverpassen. • Der EIDAMO Shop basiert auf 2 Grundtemplates von YamL: fullpage_3col und 2col_left_13

  12. Demo

  13. YamL (X)HTML/CSS Framework • In dem “images” Ordner “css” findenSie die kompletteYamLStruktur der CSS Dateien. • In dem “custom_design” Ordnerbefindensich CSS Dateien die SienachIhremBeliebennachanpassenkönnen. • Auf der Seitewww.yaml.defindenSiejedemengeDokumentationen und einenYamL Builder um Ihrem Shop eineigenes Design zuverpassen. • Der EIDAMO Shop basiert auf 2 Grundtemplates von YamL: fullpage_3col und 2col_left_13

  14. jQuery Support mitTausenden von Plug-ins • In dem “images” Ordner “js” sollten die Plug-insabgelegtwerden, die SiemitjQueryverwenden. • HierfindenSieauch die jquery.eidamo.jsDatei in der globale EIDAMO spezifischeEinstellungen und Funktionengemachtwurden. • Auf der Seitewww.jquery.comfindenSiejedemengeDokumentationen und Plug-ins. • ImOrdner “custom_design” könnenSieausserdemanhand der 01.js DateieigenenEinstellungen und jQueryFunktioneneinbauenoderÄnderungenvornehmen.

  15. Demo

  16. jQuery Support mitTausenden von Plug-ins • In dem “images” Ordner “js” sollten die Plug-insabgelegtwerden, die SiemitjQueryverwenden. • HierfindenSieauch die jquery.eidamo.jsDatei in der globale EIDAMO spezifischeEinstellungen und Funktionengemachtwurden. • Auf der Seitewww.jquery.comfindenSiejedemengeDokumentationen und Plug-ins. • ImOrdner “custom_design” könnenSieausserdemanhand der 01.js DateieigenenEinstellungen und jQueryFunktioneneinbauenoderÄnderungenvornehmen.

  17. Unterstützt Touch Gerätewie das iPadoder iPhone Getestet auf iPad iOS 4.5

  18. Unterstützt Touch Gerätewie das iPadoder iPhone Getestet auf iPhone iOS 4.5

  19. Unterstützt Touch Gerätewie das iPadoder iPhone Touch Icons bereits Vordefiniert und einfach zu ersetzen

  20. Unterstützt Touch Gerätewie das iPadoder iPhone • Die Standard CSSDateiensindTouchfreundlich • Alle Touch-Icons sindim“Root” des Bildordnerszufinden und einfachzuersetzen.

  21. Demo

  22. Unterstützt Touch Gerätewie das iPadoder iPhone • Die Standard CSSDateiensind Touch-freundlich • Alle Touch-Icons sindim“Root” des Bildordnerszufinden und einfachzuersetzen.

  23. InteraktiveDokumentationenüberunserWiKi • UmfangreicheDokumentation die ständigmitweiterführenden Updates ausgebautwerden, stehenfürSie in unseremWiKizurverfügung: http://wiki.seg-network.de

  24. EIDAMO® Frontend 2013 • Was bietet der Templatesatz 002? • EinübersichtlicherTemplatesatz • Schnelle und einfacheDesignanpassungen • YamL (X)HTML/CSS Framework • jQuery Support mitMillionen von Plug-ins • Unterstützung von Touch Gerätewie das iPadoder iPhone • InteraktiveDokumentationenüberunserWiKi

  25. EIDAMO® Frontend 2013 • Was sind die Vorteile? • EinfacheAnpassungüberWeb 2.0 Standarte (DOM-Tree/CSS) • SozialeNetzwerkekönnennachbeliebenverknüpftwerden • Share-Optionenüber AddThis.com bereitsvordefiniert • BeliebigerweiterndurchTausenden von jQuery Plug-ins • Frontend UpdatesohneeigeneAnpassungenzuÜberschreiben • Google Integration und SEOfreundlich

More Related