DokumentationCommerceInhalt und Design

Seiten-Setup

5. Mai 2025
  • Themen:
  • CMS

Erstellt für:

  • Einsteiger
  • Fortgeschrittener
  • Admin
  • Benutzende

Die Hauptbereiche der Seite werden teilweise durch eine Reihe von standardmäßigen HTML-Tags gesteuert. Einige dieser Tags können verwendet werden, um die Auswahl von Schriftarten, Farbe, Größe, Hintergrundfarben und Bildern zu bestimmen, die in jedem Abschnitt der Seite verwendet werden. Andere Einstellungen steuern Seitenelemente wie das Logo in der Kopfzeile und den Copyright-Hinweis in der Fußzeile. Diese Abschnitte entsprechen der zugrunde liegenden Struktur der HTML-Seite, und viele der grundlegenden Eigenschaften können von Admin festgelegt werden.

  • HTML Head
  • Kopfzeile
  • Footer

HTML-Seitenabschnitte

HTML Head

Die Einstellungen im Abschnitt "HTML-Head“ entsprechen dem <head>-Tag einer HTML-Seite und können für jede Shop-Ansicht konfiguriert werden. Zusätzlich zu Metadaten für Seitentitel, Beschreibung und Schlüsselwörter enthält der Abschnitt einen Link zum Favicon und verschiedene Skripte. Anleitungen für Suchmaschinenroboter und die Anzeige des Demohinweises zum Store werden ebenfalls in diesem Abschnitt konfiguriert.

Konfigurieren des HTML-Headers

  1. Navigieren Sie in Admin-Seitenleiste zu Content > Design>Configuration.

  2. Suchen Sie die Store-Ansicht, die Sie konfigurieren möchten, und klicken Sie in der Spalte Action ​auf Edit.

  3. Erweitern unter Weitere Einstellungen den Abschnitt HTML Head Erweiterungsauswahl .

    HTML-Kopfkonfigurationseinstellungen

  4. Aktualisieren Sie favicon falls erforderlich.

  5. Aktualisieren Sie die Einstellungen für den Seitentitel Ihren Anforderungen entsprechend:

    • Default Page Title
    • Page Title Prefix
    • Page Title Suffix

    Sie können ein Suffix und/oder ein Präfix mit dem Standardtitel verwenden, um einen zwei- oder dreiteiligen Titel zu erstellen. Sie können einen vertikalen Balken oder Doppelpunkt als Trennzeichen zwischen dem Präfix oder Suffix und dem Standardtitel hinzufügen.

  6. Fügen Sie Metadaten hinzu oder ändern Sie diese, um Suchmaschinenoptimierung (SEO) zu unterstützen und Kunden von Suchergebnissen an Ihren Store zu leiten:

    • Default Meta Description
    • Default Meta Keywords

  7. Geben Sie bei Bedarf Scripts and Style Sheets ein.

    NOTE
    Alle im Feld Scripts and Style Sheets eingegebenen JavaScript müssen in den Einstellungen der Content Security Policy (CSP) auf die Whitelist gesetzt werden. Andernfalls wird sie nicht auf den Checkout-Seiten ausgeführt. Weitere Informationen finden Sie unter Content Security Policy.

  8. Aktivieren oder deaktivieren Sie Demo-Store-Hinweis falls erforderlich.

  9. Klicken Sie abschließend auf Save Configuration.

HTML Head-Feldbeschreibungen

Feld
Umfang
Beschreibung
Favicon Icon
Shop-Ansicht
Lädt das kleine Grafikbild hoch, das in der Adressleiste und auf der Registerkarte des Browsers angezeigt wird. Zulässige Dateitypen: ICO, PNG, APNG, GIF und JPG (JPEG). Nicht alle Browser unterstützen diese Formate.
Default Page Title
Shop-Ansicht
Der Titel, der in der Titelleiste jeder Seite angezeigt wird, wenn sie in einem Browser angezeigt wird. Der Standardtitel wird für alle Seiten verwendet, es sei denn, für einzelne Seiten wird ein anderer Titel angegeben.
Page Title Prefix
Shop-Ansicht
Um einen zwei- oder dreiteiligen Titel zu erstellen, können Sie vor dem Titel ein Präfix hinzufügen. Ein vertikaler Balken oder Doppelpunkt kann als Trennzeichen am Ende des Präfixes verwendet werden, um ihn vom Text des Haupttitels zu unterscheiden.
Page Title Suffix
Shop-Ansicht
Ein Suffix kann nach dem Titel hinzugefügt werden, um einen zwei- oder dreiteiligen Titel zu erstellen. Ein vertikaler Balken oder Doppelpunkt kann als Trennzeichen am Ende des Präfixes verwendet werden, um ihn vom Text des Haupttitels zu unterscheiden.
Default Meta Description
Shop-Ansicht
Die Beschreibung bietet eine Zusammenfassung Ihrer Site für Suchmaschinenauflistungen und sollte nicht mehr als 160 Zeichen lang sein.
Default Meta Keywords
Shop-Ansicht
Eine Reihe von Schlüsselwörtern, die Ihren Store beschreiben, wobei jedes durch ein Komma getrennt ist.
Scripts and Style Sheets
Shop-Ansicht
Enthält Skripte, die vor dem schließenden <head>-Tag auf der HTML enthalten sein müssen. Hier können Sie beispielsweise alle JavaScript von Drittanbietern eingeben, die vor dem <body>-Tag platziert werden müssen.
Display Demo Store Notice
Shop-Ansicht
Steuert die Anzeige der Demo-Store-Benachrichtigung oben auf der Seite. Optionen: Yes / No

Kopfzeile

Die Header-Konfiguration identifiziert den Pfad zu Ihrem Store-Logo und gibt den Logo-Alternativtext und die Begrüßungsnachricht an.

Header-Konfigurationseinstellungen

Konfigurieren der Kopfzeile

  1. Navigieren Sie in Admin-Seitenleiste zu Content > Design>Configuration.

  2. Suchen Sie die Store-Ansicht, die Sie konfigurieren möchten, und klicken Sie in der Spalte Action ​auf Edit.

  3. Erweitern unter Weitere Einstellungen den Abschnitt Header Erweiterungsauswahl .

  4. Nehmen Sie die für die Store-Ansicht erforderlichen Änderungen vor:

    • Logo Einstellungen
    • Einstellungen Willkommensnachricht

  5. Klicken Sie abschließend auf Save Configuration.

Beschreibungen der Header-Felder

Feld
Umfang
Beschreibung
Logo Image
Shop-Ansicht
Gibt den Pfad zum Logo an, das in der Kopfzeile angezeigt wird. Unterstützte Dateitypen: PNG, GIF, JPG (JPEG)
Logo Attribute Width
Shop-Ansicht
Die Breite Ihres Logobilds in Pixel.
Logo Attribute Height
Shop-Ansicht
Die Höhe des Logobilds in Pixel.
Welcome Text
Shop-Ansicht
Die Begrüßungsnachricht wird in der Kopfzeile der Seite angezeigt und enthält den Namen der angemeldeten Kunden.
Logo Image Alt
Shop-Ansicht
Der Alternativtext, der mit dem Logo verknüpft ist.
Translate Title
Shop-Ansicht
Legt fest, ob die Page Title oder Meta Title übersetzt werden sollen.

Footer

Im Abschnitt „Konfiguration der Fußzeile“ können Sie den Copyright-Hinweis, der unten auf der Seite angezeigt wird, aktualisieren und verschiedene Skripte eingeben, die vor dem schließenden <body>-Tag positioniert werden müssen.

Footer-Konfigurationseinstellungen

Konfigurieren der Fußzeile

  1. Navigieren Sie in Admin-Seitenleiste zu Content > Design>Configuration.

  2. Suchen Sie die Store-Ansicht, die Sie konfigurieren möchten, und klicken Sie in der Spalte Action ​auf Edit.

  3. Erweitern unter Weitere Einstellungen den Abschnitt Footer Erweiterungsauswahl .

  4. Nehmen Sie die erforderlichen Änderungen an den Einstellungen Copyright und Miscellaneous HTML vor.

    NOTE
    Alle im Feld Miscellaneous HTML eingegebenen JavaScript müssen in den Einstellungen der Content Security Policy (CSP) auf die Whitelist gesetzt werden. Andernfalls wird sie nicht auf den Checkout-Seiten ausgeführt. Weitere Informationen finden Sie unter Content Security Policy.

  5. Klicken Sie abschließend auf Save Configuration.

Beschreibung der Fußzeilenfelder

Feld
Umfang
Beschreibung
Miscellaneous HTML
Shop-Ansicht
Ein Eingabefeld, in das Sie verschiedene Skripte auf den Server hochladen können, die unmittelbar vor dem schließenden <body>-Tag platziert werden müssen.
Copyright
Shop-Ansicht
Die Copyright-Erklärung, die unten auf jeder Seite angezeigt wird. Um das Copyright-Symbol einzubinden, verwenden Sie das HTML-Zeichen-\&copy; wie im Folgenden dargestellt: \&copy; 2021 Commerce Demo Store. All Rights Reserved. Achten Sie darauf, den Beispiel-Copyright-Hinweis durch Ihren eigenen zu ersetzen.
Display Report Bugs Link
Shop-Ansicht
Bestimmt, ob der Link zum Fehlerbericht (unterstützt für einige Designs) aktiviert oder deaktiviert ist.
recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de