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.
{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
-
Wechseln Sie in der Seitenleiste Admin zu Content > Design>Configuration.
-
Suchen Sie die Store-Ansicht, die Sie konfigurieren möchten, und klicken Sie in der Spalte Action auf Edit.
-
Erweitern Sie unter Andere Einstellungen den Abschnitt um den Abschnitt HTML Head.
{width="500" modal="regular"}
-
Aktualisieren Sie bei Bedarf das favicon.
-
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.
-
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
-
Geben Sie ggf. Scripts and Style Sheets ein.
-
Aktivieren oder deaktivieren Sie bei Bedarf den Demospeicherhinweis.
-
Klicken Sie nach Abschluss des Vorgangs auf Save Configuration.
Feldbeschreibungen für HTML-Kopfzeilen
<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.Yes
/ No
Kopfzeile
Die Kopfzeilenkonfiguration identifiziert den Pfad zu Ihrem Store-Logo und gibt den ALT-Text und die Willkommensnachricht des Logos an.
{width="400" modal="regular"}
Konfigurieren der Kopfzeile
-
Wechseln Sie in der Seitenleiste Admin zu Content > Design>Configuration.
-
Suchen Sie die Store-Ansicht, die Sie konfigurieren möchten, und klicken Sie in der Spalte Action auf Edit.
-
Erweitern Sie unter Andere Einstellungen den Abschnitt um den Abschnitt Header.
-
Nehmen Sie alle für die Store-Ansicht erforderlichen Änderungen vor:
- Einstellungen für Logo
- Einstellungen für Willkommensnachrichten
-
Klicken Sie nach Abschluss des Vorgangs auf Save Configuration.
Beschreibungen der Kopfzeilenfelder
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.
{width="400" modal="regular"}
Fußzeile konfigurieren
-
Wechseln Sie in der Seitenleiste Admin zu Content > Design>Configuration.
-
Suchen Sie die Store-Ansicht, die Sie konfigurieren möchten, und klicken Sie in der Spalte Action auf Edit.
-
Erweitern Sie unter Andere Einstellungen den Abschnitt um den Abschnitt Footer.
-
Nehmen Sie alle erforderlichen Änderungen an den Einstellungen Copyright und Miscellaneous HTML vor.
-
Klicken Sie nach Abschluss des Vorgangs auf Save Configuration.
Beschreibung der Fußzeilen
<body>
-Tag platziert werden müssen.\©
wie in folgendem Beispiel: \© 2021 Commerce Demo Store. All Rights Reserved.
Stellen Sie sicher, dass Sie den Beispiel-Copyright-Hinweis durch Ihren eigenen ersetzen.