Ich bin gerade im SE4 unterwegs bei Allgemein > Buttons. Ich steige bei diesen cryptischen Bezeichnungen nicht durch. Wo oder was ist ein "Primär" Button? Welche Farbe ist "$btn-primary-bg"? Wo oder was ist ein "Default" Button? Welche Farbe ist "$btn-default-color"? Welche Farbe ist "$btn-default-bg"? Wo finde ich was dazu? Wo finde ich "primary" oder "default" Buttons?
Die Primär-Farbe ist das, was als Hauptfarbe des Shops fest gelegt ist. (Grundlagen -> Allgemein) Der Primär-Button ist z.B. "Filtern", oder der "Anmelden" - Button in der Newsletter-Box, Der Default-Button ist z.B. in der Filterbox "Zurücksetzen", oder "weiter einkaufen" im Warenkorb. Dazu gehören aber auch die Button der Pagination (Listen / Kachelansicht, Filter, Anzahl der Artikel je Seite über den Artikeln in der Kategorie) Wo die Farbe definiert wird, weiß ich allerdings nicht. Man kann aber z.B. das "$btn-primary-bg" aber durch eigene Farb-Codes ersetzen.
Gut. Zusammenfassend kann mal also sagen, dass man den Shop stundenlang per Try&Error durchforsten muss, um zu sehen, welcher Button als Primär oder Default definiert ist, weil es keinerlei aussagekräftige Dokumentation gibt.
Eigentlich ist das ganz einfach: Die Button "in den Warenkorb" oder "zum Artikel" sind extra Alles was eingibt / aktiviert / öffnet (Konto erstellen, Newsletter Anmeldung, Filter, Warenkorb ...) ist primär Alles was zurücksetzt oder abbricht ist default Und im SE fehlen noch die Submit / sekundär-Button. Das sind die zum Gutschein einlösen oder Suchen (im Header) Die erben die Hintergrundfarbe aus Allgemein -> Sekundär-Farbe
Das ist das Bootstrap Framework "eingedeutscht". War für mich als Entwickler etwas irritierend, aber nach ein paar Minuten hatte man das Prinzip verstanden. Im Endeffekt editiert du über den StyleEditor möglichst viele der builtin-Klassen. Rest machst du über custom CSS wie üblich. Sprich was ist Primär Button -> ".btn-primary" etc. Später bei der Theme-Entwicklung ist es wichtig zu wissen, was eine builtin klasse ist, was von Gambio hinzukommt und was von deinem Custom-Theme hinzukommt (dynamic theme CSS compilations). Die sind nicht so leicht ersichtlich, aber i.D.R. ist es aus dem Bootstrap, aus der Styleedit CSS und wenn nicht dann von dir ;-).