# Hauptseite

## Übersicht

Die Hauptseite ist die Einstiegsseite nach der Anmeldung.

Sie bietet die beiden Wege zum Artikel — Warengruppen und Volltextsuche —, zeigt die für eCom freigeschalteten Auftragsvorlagen und enthält die Marketingflächen.

Kopf- und Fußzeile bleiben im ganzen Shop sichtbar.

> **Wichtig:** Sind **keine Container-Bilder** gepflegt, werden die Container-Bereiche ausgeblendet. Der Kunde landet nach der Anmeldung dann **direkt auf der Artikel-Übersichtsseite**, nicht auf der Hauptseite.

## Kopfzeile

Die Kopfzeile bleibt im ganzen Shop sichtbar.

<table id="bkmrk-element-erl%C3%A4uterung-" style="width: 100%;"><thead><tr><th style="width: 17.2754%;">Element</th><th style="width: 82.7246%;">Erläuterung</th></tr></thead><tbody><tr><td style="width: 17.2754%;">Logo</td><td style="width: 82.7246%;">Ihr Logo, links außen</td></tr><tr><td style="width: 17.2754%;">Shopbetreiber</td><td style="width: 82.7246%;">Name des Betreibers, daneben. Ist kein Name gepflegt, bleibt die Stelle leer und die übrigen Elemente rücken nach links — eine Ersatzanzeige gibt es nicht</td></tr><tr><td style="width: 17.2754%;">Kategorien</td><td style="width: 82.7246%;">Aufklappmenü mit der Warengruppenstruktur</td></tr><tr><td style="width: 17.2754%;">Highlights</td><td style="width: 82.7246%;">Aufklappmenü mit den für eCom markierten Auftragsvorlagen</td></tr><tr><td style="width: 17.2754%;">Produktsuche</td><td style="width: 82.7246%;">Volltextsuche, führt auf die *Artikel-Übersichtsseite*</td></tr><tr><td style="width: 17.2754%;">Warenkorb</td><td style="width: 82.7246%;">Symbol mit der Anzahl der Positionen</td></tr><tr><td style="width: 17.2754%;">Benutzersymbol</td><td style="width: 82.7246%;">Menü mit Kontofunktionen und Belegen</td></tr></tbody></table>

> **Hinweis:** Hat ein Highlight-Eintrag ein **Untermenü**, lädt der Klick auf den Eintrag selbst **keine** Artikelliste — er öffnet nur das Untermenü. Bei Kategorien lädt schon der erste Klick die Liste.

## Fußzeile

Am Seitenende stehen Logo und Shopbetreiber sowie zwei Spalten mit Verweisen. Sie sind auf jeder Seite des Shops erreichbar.

<table id="bkmrk-eintrag-erl%C3%A4uterung-" style="width: 100%;"><thead><tr><th style="width: 14.7734%;">Eintrag</th><th style="width: 68.0633%;">Erläuterung</th><th style="width: 17.2825%;">Sichtbar</th></tr></thead><tbody><tr><td style="width: 14.7734%;">Kontakt</td><td style="width: 68.0633%;">Formular für eine Mitteilung an Sie. Zusätzlich lassen sich die zuständigen Rollen mit Telefon, E-Mail und Fax einblenden.</td><td style="width: 17.2825%;">nur nach der Anmeldung</td></tr><tr><td style="width: 14.7734%;">Hotline</td><td style="width: 68.0633%;">Ruftext für Fragen zum eCom-System, aus dem Textbaustein *Support Hotline*.</td><td style="width: 17.2825%;">nur mit hinterlegtem Text</td></tr><tr><td style="width: 14.7734%;">Newsletter</td><td style="width: 68.0633%;">aus dem Textbaustein *Newsletter*.</td><td style="width: 17.2825%;">nur mit hinterlegtem Text</td></tr><tr><td style="width: 14.7734%;">Downloads</td><td style="width: 68.0633%;">Dateien, die per FTP im Ordner <code>&#95;&#95;DeDeContent&#92;Dateien&#92;Mitarbeiter&#92;&#95;&#95;&#95;eCom</code> hinterlegt sind.</td><td style="width: 17.2825%;">wenn Dateien vorhanden</td></tr><tr><td style="width: 14.7734%;">AGB</td><td style="width: 68.0633%;">Textbaustein oder URL</td><td style="width: 17.2825%;">nur mit hinterlegtem Inhalt</td></tr><tr><td style="width: 14.7734%;">Datenschutz</td><td style="width: 68.0633%;">Textbaustein oder URL</td><td style="width: 17.2825%;">**immer**</td></tr><tr><td style="width: 14.7734%;">Impressum</td><td style="width: 68.0633%;">Textbaustein oder URL</td><td style="width: 17.2825%;">**immer**</td></tr></tbody></table>

Der Eintrag **Kontakt** hängt allein am Anmeldestatus, nicht an gepflegten Inhalten: Er erscheint erst, wenn der Kunde angemeldet ist. Interessenten ohne Zugang nutzen stattdessen **Noch kein Kunde** auf der Anmeldemaske.

**Datenschutz** und **Impressum** sind Pflichtangaben und erscheinen deshalb bewusst **immer** — auch dann, wenn nichts hinterlegt ist. Der Link führt in diesem Fall auf eine interne Seite mit dem Platzhaltertext *„Für diesen Bereich ist aktuell kein Inhalt hinterlegt."*

> **Achtung:** Pflegen Sie diese beiden Texte vor dem Livegang. Ein fehlender Inhalt lässt den Link nicht verschwinden, sondern führt Ihre Kunden auf eine leere Seite.

Die **AGB** gelten dagegen als optionaler Rechtstext: Ohne hinterlegten Inhalt erscheint der Eintrag gar nicht erst in der Fußzeile.

Ganz unten rechts steht die **Version** des Shops, etwa `v19.0.35973.0`. Sie ist auf jeder Seite sichtbar — auch auf der Anmeldemaske — und die verlässlichste Angabe, wenn ein Kunde eine Beobachtung meldet.

Die **zweite Spalte** führt die selbst angelegten Menüpunkte aus der *Menüerweiterung*. Sie können auf einen Artikel, eine Warengruppe, eine Auftragsvorlage oder eine externe URL verweisen. Sind keine Menüpunkte gepflegt, entfällt die Spalte — sie bleibt nicht leer stehen.

### Kontaktmaske

Die Maske ist ein **reines Formular** mit drei Angaben:

<table id="bkmrk-feld-herkunft-kontak"><thead><tr><th>Feld</th><th>Herkunft</th></tr></thead><tbody><tr><td>Kontaktgrund</td><td>Auswahlliste aus der Code-Tabelle *eCom Kontaktgrund*</td></tr><tr><td>Name</td><td>Eingabe des Kunden</td></tr><tr><td>Text</td><td>Eingabe des Kunden</td></tr></tbody></table>

Die Anfrage geht über das E-Mail-Abo *eCom - Kontaktformular* an den Innendienst.

## Statusanzeigen in der Kopfzeile

<table id="bkmrk-anzeige-erl%C3%A4uterung-" style="width: 100%;"><thead><tr><th style="width: 18.2283%;">Anzeige</th><th style="width: 52.6894%;">Erläuterung</th><th style="width: 29.0822%;">Recht</th></tr></thead><tbody><tr><td style="width: 18.2283%;">Warenkorb</td><td style="width: 52.6894%;">Anzahl der Artikel im Warenkorb.</td><td style="width: 29.0822%;"> </td></tr><tr><td style="width: 18.2283%;">Benutzersymbol</td><td style="width: 52.6894%;">Öffnet ein Menü mit den Kontofunktionen und den **Belegen**. Eine Anzahl wird dort nicht geführt.</td><td style="width: 29.0822%;">Belegarten je nach <code>STATISTIK &#47; Belege &#47; …</code></td></tr></tbody></table>

### Menü des Benutzersymbols

Das Menü hat zwei Spalten:

<table id="bkmrk-spalte-eintr%C3%A4ge-link"><thead><tr><th>Spalte</th><th>Einträge</th></tr></thead><tbody><tr><td>links</td><td>*Mein Profil*, *Passwort ändern*, *Adresse ändern*, *E-Mail-Adresse ändern*, darunter abgesetzt *Abmelden* — siehe [Mein Profil](https://wiki.dedesales.de/books/leistungsbeschreibung-ecom/page/mein-profil)</td></tr><tr><td>rechts</td><td>die Belegarten — *Offene Posten*, *Rückstände*, *Auftrag*, *Lieferschein*, *Rechnung — siehe [Belege](https://wiki.dedesales.de/books/leistungsbeschreibung-ecom/page/belege)*</td></tr></tbody></table>

## Marketingflächen

Auf der Hauptseite stehen zwei Container-Bereiche zur Verfügung: **Startseite oben** und **Startseite unten**. Beide werden im Backend gepflegt, und für beide lässt sich unabhängig **Slider** oder **Float** einstellen — eine feste Zuordnung gibt es nicht.

Die übliche Kombination ist oben ein Slider und unten ein Float-Bereich:

<table id="bkmrk-bereich-darstellung-" style="width: 83.2143%;"><thead><tr><th style="width: 15.7552%;">Bereich</th><th style="width: 84.2448%;">Darstellung</th></tr></thead><tbody><tr><td style="width: 15.7552%;">oben, Slider</td><td style="width: 84.2448%;">Karten nebeneinander, Blättern über die Pfeile am Rand</td></tr><tr><td style="width: 15.7552%;">unten, Float</td><td style="width: 84.2448%;">Raster mit **vier Spalten**. Container vom Typ *Bild mit Text* oder *Text mit Bild* belegen zwei Spalten</td></tr></tbody></table>

Die Reihenfolge innerhalb eines Bereichs bestimmt die **Priorität** des Containers.

Sind keine Container-Bilder gepflegt, entfallen beide Bereiche — und damit die Hauptseite als Einstiegsseite. Siehe den Hinweis in der Übersicht.

Bildmaße und Darstellungsarten sind auf der Seite *Marketing-Container* beschrieben.