Grundeinstellungen

In der Theme-Konfiguration findest Du einen zusätzlichen Reiter "Sphere Konfiguration". Hier findest Du eine Übersicht der verschiedenen Variablen.

Allgemein

Im Bereich Sphere Konfiguration > Allgemein findest Du die globalen Einstellungen des Themes.

Layout:

  • Grundlayout gibt die allgemeine Breite des Shops wieder. Hier kann entschieden werden, ob das Layout die gesamte Browserbreite (full-width) füllt oder auf eine maximale Breite beschränkt wird (boxed)

  • Icon Set wählen bietet Dir die Möglichkeit die Icons des Themes auszutauschen. Wir haben hier mehrere Icon-Sets integriert.

  • Topbar Modus gibt den initialen Zustand der Topbar des Shops an. Die Topbar ist als besonderes Feature in diesem Shop einklappbar. Du kannst entscheiden, ob die Topbar beim ersten Laden der Seite ein- oder ausgeklappt dargestellt wird.

  • Verstecke Container Hintergrund versteckt den weißen Seitenhintergrund vieler Flächen im Shop. Die Elemente liegen dann auf der Hintergrundfarbe @body-bg, welche Du in den Farbeinstellungen des Themes einstellen kannst.

Nach oben Button:

  • Nach oben Button ist ein kleiner Hilfsbutton, welcher die Seite wieder nach oben scrollt, sobald der Kunde auf diesen Button klickt.

  • Nach oben Button Position lässt dich die Platzierung des Buttons anpassen, sodass keine Überlagerungen mit anderen Plugins stören, da die Position am unteren rechten Bildschirmrand sehr beliebt ist.

Preloader:

  • Preloader Aussehen bietet Dir verschiedenen Aussehenseinstellungen für die Ladeanimation des Themes.

  • Preloader Anzeige: zeige den Preloader auf allen Seiten, auf der Startseite oder gar nicht an, du hast die Wahl.

Abgerundete Ecken:

  • In einem Onlineshop haben viele Elemente abgerundete Ecken. Das betrifft beispielsweise Buttons, Formularfelder und andere Elemente. Du kannst hier einstellen, ob du lieber ein eckigen oder abgerundetes Layout bevorzugst.

Farben

Im Bereich Sphere Konfiguration > Farben findest Du die durch das Theme zusätzlich hinzugefügten Farben. Die Konfiguration erweitert die Standard Farben des Shops, welche unter dem Hauptreiter "Farbkonfiguration" zu finden ist. Wir haben hier eine Zuordnung der einzelnen Farben in einem Bild dargestellt:

Header

Im Bereich Sphere Konfiguration > Header liegen die Einstellungen für den Theme-Header.

Basiskonfiguration:

  • Hier findest Du die einzelnen Höhen und Textgrößen in Pixeln.

Logo:

  • Das Logo nimmt die Größe des Eltern-Containers in Prozent an. Du kannst also bestimmen, wie groß das Logo in Prozent in Abhängigkeit der Header-Höhe ist.

Header Background Konfiguration:

  • In Theme Sphere kannst Du den Headerbereich ein Hintergrundbild verpassen. Das Bild soll Dir helfen Emotionen in Deinem Shop zu transportieren. Im Theme pflegst Du das Fallback-Bild. In den Kategorien Deines Shops kannst Du für jede Kategorie ein eigenes Bild auswählen.

  • Über die verschiedenen Einstellungen kannst Du das mit Hilfe verschiedener Sichtbarkeitseinstellungen dämpfen und positionieren.

  • Kategorienbeschreibung im Header erlaubt es Dir die Kategorienbeschreibung aus den Kategorieneinstellungen in den oberen Bereich des Themes zu verlegen. So liegt die Kategorienbeschreibung auf dem Headerbild.

  • Header Background Transparenz ermöglicht es Dir den Header transparent zu gestalten. Eine ausführlichere Beschreibung findest Du hier: https://zenitdesign.freshdesk.com/support/solutions/articles/9000117845-sphere-transparenten-header-auf-der-startseite-erstellen

Footer

Unter Sphere Konfiguration > Footer findest Du die Einstellungen für den Fußbereich Deiner Seite.

Basiskonfiguration:

  • Der vertikale Abstand gibt an, wie viel Weißraum vertikal zwischen den Elemente liegt. Wir haben das in der unten stehenden Grafik visualisiert.

Footer Spalten:

  • Zeige Über uns erlaubt es Dir einen Über Uns Abschnitt anstelle der Service Hotline darzustellen. Du kannst den Text über die Textbausteine im Backend des Shops bearbeiten. Du musst dazu einfach einen Teil der Phrase in die Suche eingeben. Beispiel: "Lorem ipsum dolor" gibt Dir den gewünschten Textbaustein in der Textbausteinverwaltung aus.

  • Zeige Schlagwortwolke zeigt die Shopware Schlagwortwolke an. Bitte beachte die Einstellungshinweise in der Theme-Konfiguration.

Footer Logo:

  • Theme Sphere erlaubt Dir die Darstellung eines weiteren Logos im Footer. So kannst Du Deine Marke auch optimal im Footer präsentieren. Durch die zusätzlichen Felder kannst Du hier auch ein vom Hauptlogo abweichendes Logo darstellen. Das ist insbesondere dann wichtig, wenn das Logo für eine andere Hintergrundfarbe im Fußbereich der Seite optimiert bzw. invertiert werden muss.

Zeige Footer Newletter:

  • Der Newsletterbereich lässt sich über die Theme-Konfiguarion ausschalten. Wird die Anzeige deaktiviert entfällt der gesamte Bereich.

Footer Social Media Icons:

  • Sobald ein Link in dem jeweiligen Bereich eingefügt wird, erscheint im unteren Bereich des Footers das entsprechende Icon des Social Media Dienstes.

Menüs

Unter Sphere Konfiguration > Menüs findest Du die Einstellungen zu allen Shopware-Menüs.

Main Navigation / Kategorien:

  • Für die Kategorien Deines Shops stehen Dir in Sphere verschiedene Hover-Effekte bereit. Einige Effekte profitieren von einer auffälligen Hover-Hintergrundfarbe; andere Effekte wiederrum benötigen eine auffällige Hover-Vordergrundfarbe. Texte einfach einige Effekte aus!

  • Abstand zwischen Kategorien gibt den Abstand zwischen den Kategorien in Pixeln an. Solltest Du besonders viele Kategorien haben, kannst Du hier den Abstand zwischen den Kategorien verringern um mehr Kategorien darstellen zu können.

  • Kategorien mit Pfeilen stellt einen Pfeil nach unten neben dem Kategoriennamen dar, wenn es Unterkategorien gibt.

  • Text Transform ist die Option um die Kategorien in Kapitälchen (Großbuchstaben) oder Versalien (Kleinbuchstaben) oder eben ganz normal anzuzeigen.

Advanced Menü:

  • Das Erweiterte Menü ist über das Standard-Plugin von Shopware im Plugin-Manager zu aktivieren. Das Plugin bietet ein großes ausklappbares Menü.

  • Erweitertes Menü volle Breite: Du kannst die Breite des Erweiterten Menüs bestimmen. Achtung: Das Menü kann nicht breiter als das eingestellte Grundlayout werden. Im Boxed Modus (Sphere Konfiguration > Allgemein > Grundlayout) ist das Menü nicht breiter als die Seite selbst.

  • Erweitertes Menü Kopfzeile anzeigen: Das Erweiterte Menü hat eine Kopfzeile, welche Du über diese Option ausschalten kannst. Dadurch wirkt das Menü etwas schlanker.

Shop-Navigation:

In der Shopnavigation liegen in Shopware die Menüpunkte für den Merkzettel, das Konto sowie der Warenkorb.

  • Navigation Text Transform ist die Option um die Texte in Kapitälchen (Großbuchstaben) oder Versalien (Kleinbuchstaben) oder eben ganz normal darzustellen.

  • Wir haben Tooltips eingeführt, welche beim Überfahren mit der Maus erscheinen. So soll der Kunde im Zweifel eine Erklärung des Menüpunktes erhalten. Du kannst die Position und das Erscheinen dieser Tooltips bestimmen.

  • Zeige Mobiles Menu Icon + Text: In der mobilen Ansicht kannst Du einen Text zum Menü-Icon ausgeben lassen.

Inhalte

Unter Sphere Konfiguration > Inhalte befinden sich die Einstellungen für Listings und Content-Seiten.

  • Lege hier Abstände zwischen dem Inhaltsbereich und dem Kopfbereich sowie zwischen den Produktboxen im Listing fest.