Seiteneinrichtung

Die Hauptabschnitte der Seite werden teilweise durch eine Reihe von Standard-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 den einzelnen Abschnitten 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 vom Administrator festgelegt werden.

HTML-Seitenabschnitte {width="700" modal="regular"}

HTML-Head

Die Einstellungen im Bereich HTML Head entsprechen dem Tag <head> einer HTML-Seite und können für jede Store-Ansicht konfiguriert werden. Zusätzlich zu den Metadaten für Seitentitel, Beschreibung und Keywords enthält der Abschnitt einen Link zum Favicon sowie verschiedene Skripte. Anweisungen für Suchmaschinen-Roboter und die Anzeige des Store-Demohinweises werden ebenfalls in diesem Abschnitt konfiguriert.

Konfigurieren des HTML-Head

  1. Wechseln Sie in der Seitenleiste Admin 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 Sie unter Andere Einstellungen den Abschnitt Erweiterungsauswahl um den Abschnitt HTML Head.

    Konfigurationseinstellungen für den HTML-Head {width="500" modal="regular"}

  4. Aktualisieren Sie bei Bedarf das favicon.

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

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

    Sie können ein Suffix und/oder Präfix mit dem Standardtitel verwenden, um einen zweiteiligen 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 sie, die die Suchmaschinenoptimierung (SEO) unterstützen und Kunden von Suchergebnissen aus zu Ihrem Store führen:

    • Default Meta Description
    • Default Meta Keywords
  7. Geben Sie ggf. Scripts and Style Sheets ein.

    note note
    NOTE
    Alle JavaScript, die in das Feld Scripts and Style Sheets eingegeben wurden, müssen in den Einstellungen der Inhaltssicherheitsrichtlinie (Content Security Policy, CSP) auf die Whitelist gesetzt sein. Andernfalls wird sie nicht auf den Checkout-Seiten ausgeführt. Weitere Informationen finden Sie unter Inhaltssicherheitsrichtlinie.
  8. Aktivieren oder deaktivieren Sie bei Bedarf den Demospeicherhinweis.

  9. Klicken Sie nach Abschluss des Vorgangs auf Save Configuration.

Feldbeschreibungen für HTML-Kopfzeilen

Feld
Anwendungsbereich
Beschreibung
Favicon Icon
Store-Ansicht
Lädt das kleine grafische Bild hoch, das in der Adressleiste und auf der Registerkarte des Browsers angezeigt wird. Zulässige Dateitypen: ICO, PNG, APNG, GIF und JPG (JPEG). Diese Formate werden nicht von allen Browsern unterstützt.
Default Page Title
Store-Ansicht
Der Titel, der in der Titelleiste jeder Seite angezeigt wird, wenn er 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
Store-Ansicht
Vor dem Titel kann ein Präfix hinzugefügt werden, um einen zweiteiligen 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.
Page Title Suffix
Store-Ansicht
Nach dem Titel kann ein Suffix hinzugefügt werden, um einen zweiteiligen 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
Store-Ansicht
Die Beschreibung bietet eine Zusammenfassung Ihrer Site für Suchmaschinenlisten mit einer Länge von maximal 160 Zeichen.
Default Meta Keywords
Store-Ansicht
Eine Reihe von Suchbegriffen, die Ihren Store beschreiben, von denen jeder durch ein Komma getrennt ist.
Scripts and Style Sheets
Store-Ansicht
Enthält Skripte, die vor dem schließenden <head> -Tag in der HTML enthalten sein müssen. Hier können Sie beispielsweise alle JavaScript von Drittanbietern eingeben, die vor dem Tag <body> platziert werden müssen.
Display Demo Store Notice
Store-Ansicht
Steuert die Anzeige des Demospeicherhinweises oben auf der Seite. Optionen: Yes / No

Kopfzeile

Die Kopfzeilenkonfiguration identifiziert den Pfad zu Ihrem Store-Logo und gibt den ALT-Text und die Willkommensnachricht des Logos an.

Einstellungen für die Kopfzeilenkonfiguration {width="400" modal="regular"}

Konfigurieren der Kopfzeile

  1. Wechseln Sie in der Seitenleiste Admin 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 Sie unter Andere Einstellungen den Abschnitt Erweiterungsauswahl um den Abschnitt Header.

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

  5. Klicken Sie nach Abschluss des Vorgangs auf Save Configuration.

Beschreibungen der Kopfzeilenfelder

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

Fußzeile

Im Abschnitt zur Fußzeilenkonfiguration können Sie den am unteren Rand der Seite angezeigten Copyright-Hinweis aktualisieren und verschiedene Skripte eingeben, die vor dem schließenden <body> -Tag positioniert werden müssen.

Fußzeilenkonfigurationseinstellungen {width="400" modal="regular"}

Fußzeile konfigurieren

  1. Wechseln Sie in der Seitenleiste Admin 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 Sie unter Andere Einstellungen den Abschnitt Erweiterungsauswahl um den Abschnitt Footer.

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

    note note
    NOTE
    Alle JavaScript, die in das Feld Miscellaneous HTML eingegeben wurden, müssen in den Einstellungen der Inhaltssicherheitsrichtlinie (Content Security Policy, CSP) auf die Whitelist gesetzt sein. Andernfalls wird sie nicht auf den Checkout-Seiten ausgeführt. Weitere Informationen finden Sie unter Inhaltssicherheitsrichtlinie.
  5. Klicken Sie nach Abschluss des Vorgangs auf Save Configuration.

Beschreibung der Fußzeilen

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