Shop Template-Strukturen
Jedes eCommerce Suite Shop-Frontend lässt sich komplett frei in Site-Struktur und -Design umgestalten bzw. umprogrammieren und erweitern. Die grundlegenden eCMS-Komponenten, d.h. die Seiten, Layouts, Formate usw., die einem eCommerce Suite Shop-Template aber enthalten sind, sind hier folgend beschrieben.
Folgende eCMS-Pages sind in einem Shop-Template mindestens enthalten:
| eCMS Page-Label | Beschreibung |
|---|---|
| ecs_home |
Startseite Auf dieser Seite befinden sich typischerweise größere Slider, Banner und andere Teaser. |
| ecs_product |
Produkt-Detailseite Typischerweise wird diese Seite von "anzeigen" ("view") Buttons zu einem Produkt von anderen Seiten innerhalb des Shops angesprungen. |
| ecs_product_group_list | |
| ecs_product_group |
Produktkategorie-Detailseite (Oberkategorie) Typischerweise wird diese Seite von "anzeigen" ("view") Buttons zu einer Kategorie von anderen Seiten innerhalb des Shops angesprungen. |
| ecs_product_subgroup |
Produktkategorie-Detailseite (Unterkategorie) Typischerweise wird diese Seite von "anzeigen" ("view") Buttons zu einer Kategorie von anderen (Kategorie-)Seiten innerhalb des Shops angesprungen. |
| ecs_searchresult |
Suchergebnis-Seite |
| ecs_person_register | Anmeldung und Registrierung |
| ecs_person_logout | Seite nach einem Logout |
| ecs_person_password | |
| ecs_person_password_reset | |
| Checkout / Bezahlen-Seiten | |
| ecs_basket | Warenkorb mit Lieferland und Versandart-Auswahl |
| ecs_order_address | Seite zum einloggen bzw. der Adresseneingabe |
| ecs_order_payment | Seite zur Zahlungsart-Auswahl |
| ecs_order_overview | Bestellübersicht mit "Jetzt kaufen"-Button |
| ecs_order_done | Bestellbestätigung mit Druck-Funktion |
| My-Account Seiten | |
| ecs_my_account | "Mein Konto" mit Möglichkeit der Stammdatenänderung. |
| ecs_order_history | Übersicht aller Bestellungen des eingeloggten Kunden. |
| ecs_order_details | Details zu einer Bestellung des eingeloggten Kunden. |
| Andere Seiten | |
| ecs_agb |
AGB Hier werden die hinterlegten Allgemeinen Geschäftsbedingungen angezeigt. |
| ecs_impressum | Impressum, mit Artikel aus CDB und dortiger Aufruf des Shop-Impressum-Formates |
| ecs_datenschutz | Datenschutzbestimmungen, mit Artikel aus CDB |
| ecs_help | FAQ Seite mit Artikel aus CDB |
| ecs_widerruf | Widerrufsbelehrung, mit Artikel aus CDB |
| ecs_sitemap | Sitemap, Artikel aus CDB für Beschreibungstext + Sitemap-Format zum Auslesen des Sitemap eCMS-Menüs |
Folgend sind die typischen Standard-Makro-Layouts aufgelistet, wie sie bei einem Shop-Frontend zum Einsatz kommen.
Dies sind die Layouts, die für die grundsätzliche "Seiten-Rahmen"-Generierung verwendet werden, d.h. eigentlich fast alles ohne den Content-Bereich.
| eCMS Layout-Label | Beschreibung |
|---|---|
| ecs_site | Standard Makro-Layout einer Seite. Enthält im Normalfall das HTML-Grundlayout und die Makro-Layouts "ecs_site_header" und "ecs_site_footer". |
| ecs_site_header | Standard Makro-Layout des Kopfbereiches einer Seite. Enthält im Normalfall u.a. das Shop-Logo, die Suche, die Hauptnavigation und eine Warenkorb-Vorschau. |
| ecs_site_footer | Standard Makro-Layout des Fußbereiches einer Seite. Enthält im Normalfall u.a. Links zu Unternehmensseiten, Impressum, den AGBs oder eine Auflistung aller Kategorien. |
| ecs_navigation | Standard Makro-Layout für die Navigation eines zweispaltigen Shops. Kann z.B. eine schmale Produktliste enthalten oder den Kategoriebaum. |
| ecs_right | |
| ecs_site_header_checkout | Header-Makro für die Checkout-Seiten, da hier simpleres Design + andere Daten |
| ecs_site_footer_checkout | Footer-Makro für die Checkout-Seiten, da hier simpleres Design + andere Daten |
Diese Makro-Layoute sind vordefinierte, teilweise noch leere, Makro-Layoute, die aber schon in Shop-Frontend-Seiten eingebunden sind. Sie bieten eine einfache und sichere Möglichkeit eigene weitere (auch für nachinstallierbare Plugins) Inhalte in einen bestehenden Shop zu integrieren.
| eCMS Layout-Label | Beschreibung |
|---|---|
| ecs_NAVIGATION_xContainer |
WO im Layout, wird dies eigentlich verwendet? Angedacht als Standard-(linke)-Navigations-Erweiterung (innerhalb des Makro-Layouts "ecs_navigation"). Auf WELCHEN Seiten wird dies typischerweise verwendet? Sollte auf jeder Seite Verwendung finden, wenn ein zwei- oder mehrspaltiges Layout verwendet wird. WAS ist darin? Kann Inhalte externer Plugins erhalten. |
| ecs_INFO_xContainer | Gedacht für Informationselemente, das können Links zu AGB, Impressum sein, aber auch für andere Infoausgaben durch externe Plugins. |
| ecs_PRODUCT_NAVIGATION_xContainer | Verwendung auf Produkt-Detailseite / Eventuell auch für Produktgruppenseite für Produkt-spezifische Navigationsausgabe (z.B. Topseller oder "Zuletzt-gesehenes-Produkt"-Plugin |
| ecs_PRODUCT_DETAIL_xContainer | Verwendung auf Produkt-Detailseite über dem Produktnamen (z.B. für Markenlogo) |
| ecs_PRODUCT_DETAIL2_xContainer | Verwendung auf Produkt-Detailseite unterhalb der Standard-Ausgaben (z.B. für Markendetails oder Crossselling-Listen) |
| ecs_PRODUCT_DETAIL_ACTIONS_xContainer | Verwendung auf Produkt-Detailseite im oberen Teil für externe Actions (z.B. Produkt-Vergleichen-Button) |
| ecs_PRODUCT_LIST_ACTIONS_xContainer | Verwendung in standardisierten Produktlisten-Formaten für externe Listenaktionen (z.B. Produkte zum Vergleich hinzufügen). Dies sollte bei der Erstellung von Produktlisten-Formaten Berücksichtung finden. |
| ecs_SEARCHRESULT_DETAIL1_xContainer | Verwendung auf Suchergebnisseite (ganz oben auf der Seite, z.B. für Banner) |
| ecs_SEARCHRESULT_DETAIL2_xContainer | Verwendung auf Suchergebnisseite (unterhalb der Suchtreffer z.B. für Produktlisten oder externe Plugins) |
| ecs_SEARCHRESULT_NAVIGATION_xContainer | Verwendung auf Suchergebnisseite für Suchseitenspezifische Navigationsausgaben |
| eCS_PRODUCTGROUP_DETAIL_xContainer | Verwendung auf Produktgruppenseite (unterhalb aller Standard-Ausgaben) |
| ecs_BASKET_DETAIL_xContainer | Verwendung auf Warenkorbseite. Eher Unterhalb des Warenkorbes z.B. für Crossselling-Listen. |
| ecs_TRUST_SEALS1_xContainer | Für Trust-Logos, Verwendung im Header |
| ecs_TRUST_SEALS2_xContainer | Für Trust-Logos, Verwendung im Footer |
| ecs_SHIPPING_SEALS1_xContainer | Für Logos von Versandpartner |
| ecs_PAYMENT_SEALS1_xContainer | Für Logos von Zahlungsdienstleistern/methoden |
| ecs_HEADER_xContainer | Für nachträglich installierbare Formate, Verwendung im Header |
| ecs_FOOTER_xContainer | Für nachträglich installierbare Formate, Verwendung im Footer |
| ecs_ORDER_ADDRESS_xContainer | Verwendung auf ecs_order_address-Seite |
| ecs_ORDERDONE1_xContainer | Verwendung auf Bestellbestätigungsseite (ecs_order_done), eher oben (z.B. für TrustedShops Nachkauf-Behandlung) |
| ecs_ORDERDONE2_xContainer | Verwendung auf Bestellbestätigungsseite (ecs_order_done), eher unten |
| eCS_ORDER_OVERVIEW_DETAIL_xContainer | Verwendung auf der Bestellübersichtsseite (ecs_order_overview). Kann z.B. nochmal die Gutschein-Eingabe enthalten. |
Folgend sind die typischen Standard-Layoute aufgelistet, wie sie bei einem Shop-Frontend zum Einsatz kommen können.
| eCMS Layout-Label | Beschreibung |
|---|---|
| ecs_html_container | HTML-Page Rumpf (<html>,<head>,<body>,...) |
| ecs_site_1-1-1 | Drei-teiliges HTML-Site-Layout (Header, Main, Footer) |
| ecs_site_1-1-1_checkout | Drei-teiliges HTML-Site-Layout für Chechoutseite (Header, Main, Footer) |
| ecs_1column | einspaltiger Main-Bereich |
| ecs_2columns | zweispaltiger Main-Bereich (linke Navi + zentral) |
| ecs_2columns_right | zweispaltiger Main-Bereich (zentral + rechts) |
| ecs_2columns_div | zwei Spalten als floatende DIVs |
| ecs_3columns | dreispaltiger Main-Bereich (links, zentral, rechts) |
| ecs_box1 | einfache Box, 1 Platzhalter |
| ecs_box2 | Box mit 2 Platzhaltern (title, content) |
| ecs_box3 | Box mit 1 Platzhalter |
| ecs_box4 | Box mit 2 Platzhaltern (title, content) |
| ecs_box5 | Box mit 2 Platzhaltern (title, content) |
| ecs_product_box1 | Box mit 2 Platzhaltern (title, content), Verwendung für Produktlisten |
| ecs_product_box2 | Box mit 1 Platzhalter |
| ecs_product_box3 | Box mit 1 Platzhalter |
| ecs_phc_direct | Nur ein Platzhalter, ideal zum Gruppieren von Platzhaltern im PHC-Baum |
| ecs_box_footer1 | Verwendung im Footer |
| ecs_checkout_layout1 | Grundlayout für Checkout-Format mit entsprechenden Platzhaltern (ohne Payment) |
| ecs_checkout_layout2 | Grundlayout für Checkout-Format mit entsprechenden Platzhaltern (ohne Login und Payment) |
| ecs_order_address | Wrapper-Layout für Adressen-Seite mit einem Platzhalter (zur bessere Kaskadierung von Styles) |
| ecs_order_overview | Grundlayout mit 2 Platzhaltern für die zweispaltige Ausgabe der Bestellübersicht |
Folgend sind die typischen Standard-Menüs aufgelistet, wie sie bei einem Shop-Frontend zum Einsatz kommen. Mit eCMS-Menüs können im eCMS Seiten zu einer Gruppe zusammengefügt und verwaltet werden und über verschiedene eCMS-Formate auf der Website ausgegeben werden.
| eCMS Menü-Label | Beschreibung |
|---|---|
| primary_navi | Primärnavigation |
| footer | Seiten, die im Footer verlinkt sind. |
| footer_checkout | Seiten, die im Footer von Checkout-Seiten verlinkt sind |
| sitemap | Dieses Menü wird standardmäßig auf der ecs_sitemap-Seite ausgegeben. |
| customer_info | Dieses Menü beinhaltet standardmäßig weiterführende Kundeninformationen, die tendenziell auf den Produkt- oder Checkout-Seiten anzuzeigen wären, wie bspw. "Versandoptionen" etc. |
| customer_loggedin | Dieses Menü enthält die Seiten, die der eingeloggte User in seinem "MyAccount"-Bereich zusätzlich zu sehen bekommt (Auftragshistorie etc.). |
| header_menu |
Im Standard-Template werden im Normalfall die Fontawesome Font-Icons unterstützt und verwendet.