Theme Einstellungen

Die meisten und wichtigsten Einstellungen in Sachen Layout und Design befinden sich in den Theme Einstellungen. Hier haben Sie die Möglichkeit das Grundlayout, Farben, Schriften u. v. m. zu ändern.

Haben Sie das Theme erfolgreich installiert und mindestens einem Verkaufskanal zugewiesen, können Sie mit der eigentlichen Arbeit beginnen! Um das Theme einrichten zu können, gehen Sie in deren Einstellungen. Sie kommen über: Inhalte > Theme bzw. Verkaufskanäle > Theme > Theme bearbeiten dort hin.

Hilfreiche Tipps bevor es losgeht

Tableiste

Zur besseren Übersicht sind die umfangreichen Theme Einstellungen in 12 Taps untergliedert. Sie finden diese über den Einstellungen. Sollten Sie eine kleine Bildschirmauflösung nutzen, kann es sein, dass diese nicht alle auf einen Blick zu sehen sind. Die nicht sichtbaren Taps können Sie sich mit Hilfe der Pfeile anzeigen lassen.

Variablen finden und nutzen

Zu jeder Einstellungsmöglichkeit in den Theme finden Sie ein Hilfesymbol am rechten Ende der Einstellung. Sie ist durch ein blaues Fragezeichen gekennzeichnet. Gehen Sie mit der Mouse über das Symbol um die Hilfe angezeigt zu bekommen. Hier befindet sich unter anderem die Variablenbezeichnung für die Einstellung.

Sie können die Variablenbezeigung anstatt eines Farbwerts eintragen. Der Vorteil: Sollten Sie den Farbwert abwandeln, müssen Sie diesen nur an einer Stelle vornehmen. Alle anderen Farbfelder passen sich an, wo die Variable hinterlegt haben

Vor der Variable muss das Dollar Symbol stehen. (z. B.: $sw-color-brand-primary)

Icon auswählen

Für einige Features können Sie ein passendes Icon wählen. In der nachfolgenden Tabelle finden Sie alle Icons, welche mit dem Theme mitgeliefert werden.

Suchen Sie sich ein Icon aus und kopieren den Namen. Diesen fügen Sie anschließend in das entsprechende Icon-Feld ein.

Icon

Name

Icon

Name

Button Style auswählen

In manchen Einstellungen haben Sie die Möglichkeit das Aussehen eines Buttons festzulegen. Hierfür stehen Ihnen 15 vorgefertigte Buttons aus dem Shopware System zur Verfügung:

Die Farben der einzelnen Button können von Ihren Einstellungen abweichen. Sie legen die Farben unter: Typografie & Farben > Theme Farben und Typografie & Farben > Status-Ausgaben fest

Eine Ausnahme bei der Auswahl des Button Style ist Link Button. Hier wird keine Button Darstellung genutzt, sondern das Wort als Link dargestellt