Farbkonfiguration
Primär-Button
Feldtyp:
Farbauswahl
Beispiel Wert:$sw-color-brand-primary
Pfad zur Einstellung:
Tab "Layout" => Bereich "Buttons" => Abschnitt "Farbkonfiguration"
Technischer Name:twt-color-primary-button
Hier kannst du die Hintergrundfarbe für den Primär-Button konfigurieren.
Textfarbe / Hover-Effekt:
Gemäß Bootstrap wird die Textfarbe automatisch aus diesem Farbwert invertiert.
Für den Hover-Effekt wird dieser Farbwert automatisch abgedunkelt.
Variable: $twt-color-primary-button
Sekundär-Button
Feldtyp:
Farbauswahl
Beispiel Wert:$sw-color-brand-secondary
Pfad zur Einstellung:
Tab "Layout" => Bereich "Buttons" => Abschnitt "Farbkonfiguration"
Technischer Name:twt-color-secondary-button
Hier kannst du die Hintergrundfarbe für den Sekundär-Button konfigurieren.
Textfarbe / Hover-Effekt:
Gemäß Bootstrap wird die Textfarbe automatisch aus diesem Farbwert invertiert.
Für den Hover-Effekt wird dieser Farbwert automatisch abgedunkelt.
Variable: $twt-color-secondary-button
Heller Button
Feldtyp:
Farbauswahl
Beispiel Wert:#f9f9f9
Pfad zur Einstellung:
Tab "Layout" => Bereich "Buttons" => Abschnitt "Farbkonfiguration"
Technischer Name:twt-color-light-button
Hier kannst du die Hintergrundfarbe für den "Hellen Button" konfigurieren.
Textfarbe / Hover-Effekt:
Gemäß Bootstrap wird die Textfarbe automatisch aus diesem Farbwert invertiert.
Für den Hover-Effekt wird dieser Farbwert automatisch abgedunkelt.
Variable: $twt-color-light-button
Dunkler Button
Feldtyp:
Farbauswahl
Beispiel Wert:#4a545b
Pfad zur Einstellung:
Tab "Layout" => Bereich "Buttons" => Abschnitt "Farbkonfiguration"
Technischer Name:twt-color-dark-button
Hier kannst du die Hintergrundfarbe für den "Dunklen Button" konfigurieren.
Textfarbe / Hover-Effekt:
Gemäß Bootstrap wird die Textfarbe automatisch aus diesem Farbwert invertiert.
Für den Hover-Effekt wird dieser Farbwert automatisch abgedunkelt.
Variable: $twt-color-dark-button
Widerrufsbutton
Darstellungsart
Feldtyp:
Auswahlfeld
Verfügbare Werte:
• Shopware (Standard)
• Button
• Button (Outline)
Beispiel Wert:Shopware (Standard)
Pfad zur Einstellung:
Tab "Layout" => Bereich "Buttons" => Abschnitt "Widerrufsbutton"
Technischer Name:twt-revocation-btn-layout-type
Aussehen des Widerrufsbuttons in Widgets und Footer-Elementen.
Shopware (Standard): Der Button bleibt genau so, wie Shopware ihn ausliefert, die Buttonfarbe wirkt nicht.
Im Copyright-Footer und im Footer des Checkouts entscheidet jeweils ein eigenes Feld, ob der Button diese Einstellung übernimmt.
Buttonfarbe
Feldtyp:
Auswahlfeld
Verfügbare Werte:
• Hell
• Primär
• Sekundär
• Dunkel
Beispiel Wert:Primär
Pfad zur Einstellung:
Tab "Layout" => Bereich "Buttons" => Abschnitt "Widerrufsbutton"
Technischer Name:twt-revocation-btn-color-type
Die Farben konfigurierst du im Tab "Layout" => Bereich "Buttons" => Abschnitt "Farbkonfiguration".
Hinweis: Wähle für "Button (Outline)" eine Farbe mit ausreichend Kontrast zum Hintergrund, sonst ist der Button kaum zu sehen.
Hinweis: In der Darstellungsart "Shopware (Standard)" hat diese Konfiguration keine Wirkung.