Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Einleitung

In diesem Bereich lässt sich das grundsätzliche Aussehen der Buttons in deinem Shop konfigurieren.

Wir bieten dabei die Möglichkeit, die folgenden Buttons anzupassen:

...

  • In den Warenkorb - der Button, mit dem Produkte in den Warenkorb gelegt werden.

  • Zur Kasse - der Button, mit dem der Kunde in den Bestellabschluss und durch den Bestellabschluss navigiert.

  • Primär - der “Haupt”-Button auf Elementen (entspricht btn-primary in Bootstrap 4)

  • Sekundär - der Sekundär-Button auf Elementen, häufig für “Zurück”-Aktionen (entspricht btn-secondary in Bootstrap 4)

  • Link - der Link-Button; im Prinzip ein Link, der technisch wie ein Button aufgebaut ist (entspricht btn-link in Bootstrap 4)

  • Erfolg - der “Erfolg”-Button auf Elementen (entspricht btn-success in Bootstrap 4)

  • Warnung - der “Warnung”-Button auf Elementen (entspricht btn-warning in Bootstrap 4)

  • Gefahr - der “Gefahr”-Button auf Elementen (entspricht btn-danger in Bootstrap 4)

  • Info - der “Info”-Button auf Elementen (entspricht btn-info in Bootstrap 4)

  • Hell - wird im easyTemplate360 nicht verwendet, aber für Child-Templates pflegbar (entspricht btn-light in Bootstrap 4)

  • Dunkel - wird im easyTemplate360 nicht verwendet, aber für Child-Templates pflegbar (entspricht btn-dark in Bootstrap 4)

Die hier vorhandenen Einstellungen beziehen sich auf die Größe, Struktur und Form von Buttons, sowie deren Interaktionsverhalten, wie an dem Beispiel für Warenkorb einmal dargestellt wird:

...

Die Farben der Buttons kannst du im Bereich Farben einstellen.

Die konkret zu nutzenden Icons auf Buttons, wenn du welche nutzen möchtest, kannst du im Bereich Icons einstellen.