Footer

Die nachfolgenden Einstellungen haben Auswirkungen rund um den Footer Bereich.

Allgemeine Einstellungen

Farben

Unter dieser Einstellung können Sie einen Linie am Anfang des Footer Bereiches setzen. Er ist unabhängig von den Elementen, welche als erstes im Footer auftauchen und hat eine Breite von 5px. Diese kann nicht verändert werden

Sie definieren in dieser Einstellung ob, die Linie angezeigt werden soll und welche Farbe diese bekommen soll.

Footer USP-Leiste

Sie haben die Möglichkeit Ihre Alleinstellungsmerkmale (USP) als extra Leiste vor dem eigentlichen Footer anzeigen zu lassen. Im Gegensatz zu den USP in der Top Bar (im Header Bereich) haben Sie die Möglichkeit einen weiteren

In den Einstellungen für dieses Features legen Sie fest:

  • Bestimmen Sie, auf welcher Seiten die Footer USP-Leiste angezeigt werden soll

  • Die Inhalte und Icons

  • Die Hintergrundfarbe für den gesamten Bereich der Footer USP-Leiste

  • Die Schriftfarbe für die Überschrift sowie den Text unter der Headline

Auswahl der Icons

Für jedes USP können Sie in eigenes Icon wählen. Gehen Sie auf: Theme Einstellungen > Icon auswählen, suchen sich dort ein passendes Icon aus und kopieren Sie den Namen des Icons. Diesen fügen Sie anschließend in das Feld: Icon 1-4 ein.

Newsletter

Hier können Sie die Newsletter Anmeldung im Footer aktivieren und ein Icon zuweisen.

Position

Für die Position der Newsletter Anmeldung haben Sie zwei Optionen:

In extra Spalte im Footer

Hier wird die Newsletter mittig in den Footer integriert. Sie nimmt dort zwei Spalten ein und positioniert sich nach der Spalte: Service Hotline.

Über dem Footer

Bei dieser Option wird die Newsletter Anmeldung über dem Footer angezeigt. Sie nimmt die gesamtet Breite ein.

In den Einstellungen für dieses Features legen Sie zudem fest:

  • Das Icon für den Button (am Ende der Eingabeleiste)

  • Die Hintergrundfarbe für den gesamten Bereich der Newsletter Anmeldung

  • Die Schriftfarbe für die Überschrift sowie den Hinweis für die Datenschutzbestimmung und AGB

Auswahl des Icon

Für den Button können Sie in eigenes Icon wählen. Gehen Sie auf: Theme Einstellungen > Icon auswählen, suchen sich dort ein passendes Icon aus und kopieren Sie den Namen des Icons. Diesen fügen Sie anschließend in das Feld: Icon 1-4 ein.

Footer Template

Hier haben Sie die Möglichkeit ihren Footer auf bis zu vier Zeilen zu erweitern. Die zusätzlichen Zeilen werden unter der Standard Zeile von Shopware ausgegeben.

Für jede Zeile, welche Sie nutzen möchten, wählen Sie ein Template aus. Über die Textbausteine können Sie die Spalten mit Inhalt füllen.

Auswahl des Templates

Sie haben 8 Optionen unter denen Sie auswählen können. Von 1 bis zu 4 Spalten können in einer Zeile ausgegeben werden. Hierbei gibt es unterschiedliche Aufteilungen, was die Spaltenbreiten betrifft.

Jedes Template sollte nur einmal genutzt werden, da die Inhalte ansonsten doppelt im Footer auftauchen.

Aufteilung der Spalten:

In der nachfolgenden Abbildung finden Sie alle möglich Kombinationen, wie die Spalten in einer Zeile aufgeteilt werden können:

Spalten mit Inhalt befüllen

Die Inhalte pflegen Sie über Textbausteine. Diese finden Sie unter: Einstellungen > Textbausteine > Textbaustein-Set wählen. Geben Sie danach den Namen oder den Inhalt (falls dieser bereits gefüllt ist) ein.

In der nachfolgenden Tabelle werden alle Namen der Textbausteine aufgeführt. Sie sind unterteilt in Headline und Inhalt.

Farbeinstellungen

Folgende farbliche Anpassungen können Sie noch für den gesamten Footer Bereich vornehmen. Es spielt hierbei keine Rolle, ob Sie zusätzliche Zeilen nutzen oder nicht.

Einstellungen

Unter dieser Einstellung legen Sie nicht nur das Layout für die Zeilen fest, sondern definieren auch die Hintergrundfarbe (3) für den gesamten Bereich.

Headline

Die ersten Einstellungen beziehen sich auf alle die Überschriften in den Spalten.

  • 1) Schriftgröße: Wählen Sie die Größe der Schrift aus. Die Angaben erfolgen in Pixel.

  • 1) Schriftstärke: Definieren Sie die Schriftstärke (dünn, normal oder fett) für die Überschriften.

  • 1) Text Transform: Sie können diese Überschriften nur in Großbuchstaben bzw. nur in Kleinbuchstaben anzeigen lassen.

  • 1) Schriftfarbe: Bestimmen Sie die Farbe der Headline

Inhalt

Im Bereich Inhalt definieren Sie die Typografie für die Inhalte in den Spalten. Sie werden unter den Überschriften ausgegeben. Sie gelten für Navigationspunkte sowie für Texte

  • 2) Schriftgröße: Hier ist die Hintergrundfarbe der gesamten Bereich des Footer gemein.

  • 2) Schriftstärke: Definieren Sie die Schriftstärke (dünn, normal oder fett) für die Texte.

  • 2) Schriftfarbe: Hier definieren Sie alle Textfarben im Footer.

Die Schriftfarbe für Social Media Icons werden in den Einstellungen: Social Media gepflegt

Social Media

In den Social Media Bereich können Sie Ihre Facebook, Twitter und co. Links präsentieren. Für eine bessere Sichtbarkeit im Footer haben Sie die Möglichkeit, am Ende der Einstellungen, eine eigene Schriftfarbe zu definieren, welche für den Namen sowie das Logo des Socal Media Accounts genutzt wird.

Position

Sie haben zwei mögliche Positionen zur Ausgabe der Social-Media-Kanäle.

In extra Spalte im Footer

In dieser Option werden die Kanäle in einer extra Spalte nach der Shopware Standard Spalte "Service-Hotline" angezeigt. Die Kanäle werden untereinander ausgegeben.

In extra Zeile im Footer

Bei dieser Einstellung werden die Icons im Bereich Footer Hinweis dargestellt. Sie befinden sich unter der Service Navigation (falls vorhanden), ansonsten unter dem Preishinweis bezüglich der Mehrwertsteuer.

Auswahl der Icons

Für jeden Social-Media-Kanal können Sie in eigenes Icon wählen. Es stehen Ihnen teilweise unterschiedliche Darstellungsoptionen für die Kanäle zur Auswahl. Gehen Sie auf: Theme Einstellungen > Icon auswählen, suchen sich dort ein passendes Icon aus und kopieren Sie den Namen des Icons. Diesen fügen Sie anschließend in das entsprechende Feld des Social-Media-Kanal ein.

Die Icons werden erst im Frontend angezeigt, wenn ein Link hinterlegt ist.

Zahlung und Versandarten

Hier haben Sie die Möglichkeit ihre angebotenen Zahlungs- und Versandarten im Footer anzuzeigen. Sie werden zwischen dem Footer und dem Footer Hinweis angezeigt.

Es werden die entsprechenden Logos (wenn vorhanden) bzw. ein Schriftzug der Zahlungs- und Versanddienstleister angezeigt. Alle Logos bzw. Schriftzüge sind vordefiniert und können nicht weiter verändert werden.

In den Einstellungen für dieses Features legen Sie fest:

Icon Farbe

Hier haben Sie die Möglichkeit aus drei Darstellungsoptionen zu wählen. Die Farben sowie die Helligkeit sind bereits vordefiniert und können nicht verändert werden. Die Auswahl wird für die Zahlungs- und Versandarten gleichermaßen genutzt.

Icon Position

Die Position der gesamten Zeile ist im Template vordefiniert. Sie bestimmen hier, ob die Zahlungs- und Versandarten unter oder nebeneinander aufgelistet werden sollen.

Hinweise

Der Bereich Footer Hinweis ist der Bereich, in dem sich die Informationen zu den Preisen sowie der Hinweis zur Realisierung der Webseite befinden. Zusätzlich können hier die Service-Navigation oder die Social-Media-Kanäle angezeigt werden.

  • 1) Schriftfarbe: Definieren Sie hier die Farbe der Schrift sowie die Links der Service-Navigation (wenn vorhanden). Links, welche vom System gesetzt werden (z. B. Versandkosten) erhalten die Primärfarbe, welche bei Typografie & Farben > Theme-Farben eingestellt wurde

  • 2) Hintergrundfarbe: Hier ist die Hintergrundfarbe der gesamten Bereich des Footer Hinweis gemein.

Der Hinweis zur Realisierung der Webseite ist ein Textbaustein und kann geändert werden. Der Name des Textbaustein lautet: cbaxTheme.footer.copyright.title

Hinweise im Checkout

Auch wenn diese Einstellung der vorherigen sehr ähnelt, ist hier nur der Ceckout Bereich gemeint! Es betrifft alle Schritte, im Kassenbereich (ausgeschlossen der Warenkorb).

  • 1) Schriftfarbe: Definieren Sie hier die Farbe der Schrift sowie die Links der Service-Navigation (wenn vorhanden). Links, welche vom System gesetzt werden (z. B. Versandkosten) erhalten die Primärfarbe, welche bei Typografie & Farben > Theme-Farben eingestellt wurde

  • 2) Hintergrundfarbe: Hier ist die Hintergrundfarbe der gesamten Bereich des Footer Hinweis gemein.

Last updated