📗
Coolbax - Docs
  • Einführung
  • Handbücher
    • Administration
      • ADCELL Affiliate Tracking + Retargeting
      • Google Shopping + Instagram (+ mehr) Professionell
        • Einbindung des Feed
      • Google Taxonomie / Shopping
      • Produktübersicht + Filtereditor Professionell
      • Statistik Professionell
    • Marktplätze
      • Bestellverwaltung + GPRS
        • Produktsicherheitsrichtlinien
      • Amazon Bestellimport
        • Zugangsdaten Amazon
      • Amazon Lagerabgleich
      • Amazon Prime
      • eBay Bestellimport
        • Zugangsdaten eBay
      • eBay Produktexport
        • eBay Account einrichten
      • Etsy Bestellimport
        • Zugangsdaten Etsy
      • Galaxus Bestellimport
      • Galaxus Produktexport
      • Hood Bestellimport
      • Kaufland Bestellimport
      • OTTO Bestellimport
        • Zugangsdaten OTTO
    • Storefront
      • Amazon Dropdown Menü
      • Bildvorschau per Mousehover
      • Breadcrumb Erweiterung
      • Cross Selling / Zubehör
      • Hersteller Professionell
      • Lexikon / Glossar
      • Produktbilder in den Kategorien als Slider
      • SEO Banner Professionell
      • Sticky Menü Professionell
  • Theme
    • Die ersten Schritte
    • Theme Einstellungen
      • Allgemeine
      • Typografie & Farben
      • Logos
      • Layout
      • Hintergrund Bilder
      • Header
      • Footer
      • Produkt Kategorie
      • Produkt Detail
      • Checkout
      • Erweiterungen
      • Weiteres
    • Kategorie Einstellungen
    • Produkt Einstellungen
    • Erlebniswelten
    • System Einstellungen
Powered by GitBook
On this page
  • Hilfreiche Tipps bevor es losgeht
  • Tableiste
  • Variablen finden und nutzen
  • Icon auswählen
  • Button Style auswählen
  • Google Maps Link einbinden
  • Zu den einzelnen Theme Einstellungen
  1. Theme

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.

Last updated 9 months ago

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.

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.

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:

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

Die Farben der einzelnen Button können von Ihren Einstellungen abweichen. Sie legen die Farben unter: und fest

Allgemeine
Typografie & Farben
Logos
Hintergrund Bilder
Header
Footer
Produkt Kategorie
Produkt Detail
Checkout
Weiteres
Coolbax Themen IconsShopware 6
Link zur Übersicht der möglichen Icons
Anzeige der Hilfe bei Mousehover
Icon auswählen, Name kopieren und in das Feld einfügen
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
Link Button
Typografie & Farben > Theme Farben
Typografie & Farben > Status-Ausgaben
Logo