Seiten-Setup
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
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
-
Navigieren Sie in Admin-Seitenleiste zu Content > Design>Configuration.
-
Suchen Sie die Store-Ansicht, die Sie konfigurieren möchten, und klicken Sie in der Spalte Action auf Edit.
-
Erweitern unter Weitere Einstellungen
-
Aktualisieren Sie favicon falls erforderlich.
-
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.
-
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
-
Geben Sie bei Bedarf Scripts and Style Sheets ein.
note note 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. -
Aktivieren oder deaktivieren Sie Demo-Store-Hinweis falls erforderlich.
-
Klicken Sie abschließend auf Save Configuration.
HTML Head-Feldbeschreibungen
<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.Yes / NoKopfzeile
Die Header-Konfiguration identifiziert den Pfad zu Ihrem Store-Logo und gibt den Logo-Alternativtext und die Begrüßungsnachricht an.
Konfigurieren der Kopfzeile
-
Navigieren Sie in Admin-Seitenleiste zu Content > Design>Configuration.
-
Suchen Sie die Store-Ansicht, die Sie konfigurieren möchten, und klicken Sie in der Spalte Action auf Edit.
-
Erweitern unter Weitere Einstellungen
-
Nehmen Sie die für die Store-Ansicht erforderlichen Änderungen vor:
- Logo Einstellungen
- Einstellungen Willkommensnachricht
-
Klicken Sie abschließend auf Save Configuration.
Beschreibungen der Header-Felder
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.
Konfigurieren der Fußzeile
-
Navigieren Sie in Admin-Seitenleiste zu Content > Design>Configuration.
-
Suchen Sie die Store-Ansicht, die Sie konfigurieren möchten, und klicken Sie in der Spalte Action auf Edit.
-
Erweitern unter Weitere Einstellungen
-
Nehmen Sie die erforderlichen Änderungen an den Einstellungen Copyright und Miscellaneous HTML vor.
note note 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. -
Klicken Sie abschließend auf Save Configuration.
Beschreibung der Fußzeilenfelder
<body>-Tag platziert werden müssen.\© wie im Folgenden dargestellt: \© 2021 Commerce Demo Store. All Rights Reserved. Achten Sie darauf, den Beispiel-Copyright-Hinweis durch Ihren eigenen zu ersetzen.