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.

Anzeige der Hilfe bei Mousehover

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.

Icon auswählen, Name kopieren und in das Feld einfügen

Nutzen Sie den nachfolgenden Link, suchen sich ein Icon aus und kopieren den Namen (unter dem Symbol). Diesen fügen Sie anschließend in das entsprechende Icon-Feld ein.

Coolbax Themen IconsShopware 6

Link zur Übersicht der möglichen Icons

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:

Primärer Button

Primärer Button (Outline)

Sekundärer Button

Sekundärer Button (Outline)

Erfolg Button

Erfolg Button (Outline)

Hinweis Button

Hinweis Button (Outline)

Fehler Button

Fehler Button (Outline)

Information Button

Information Button (Outline)

Light Button

Dark Button

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

Link Button

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

Google Maps Link einbinden

coming soon

Zu den einzelnen Theme Einstellungen

AllgemeineTypografie & FarbenLogosHintergrund BilderHeaderFooterProdukt KategorieProdukt DetailCheckoutWeiteres