Header Style Configurator
Product informations
With this configurator almost all design or style adjustments of the header can be configured without extensive programming.
Through numerous setting options an individual result can be achieved quickly.
The following settings are possible in the backend:
01. Background color:
Color of the entire header can be configured. Either by the colour range specified by Shopware,
or by entering an individual colour (HEX code).
02. Lower frame or border:
Both the distance and the width can be configured.
03. Top-Bar
- Font color
- Font color during hover
04. Main-navigation:
- Text Alignment (left, right or centered)
- Distance top and bottom
- Font size
- Font color
- Horizontal distance between the individual entries
- Background color of the individual entries when hovering
- Font color of the entries when hovering
- Border or frame color and thickness when hovering (left, right, top and bottom separately adjustable)
- Transition of the hover effect
- Background color, while active
- Font color, while active
- Border or frame Color and thickness, if active (left, right, top and bottom separately adjustable)
05. Shop-navigation (Buttons):
- Border or frame Thickness and color
- Border or frame radius
- Background color
- Font color
- Border or frame Colour when hovering
- Background color when hovering<
- Font color when hovering
- Transition of the hover effect
06. Search:
- Background color
- Border or frame thickness and color (left, right, top and bottom separately adjustable)
- Border radius
- Background color when focusing
- Border or frame Thickness and color when focusing
07. Logo:
- Background can be exempted automatically
]]>
Header Style Konfigurator
Produktinformationen
Durch diesen Konfigurator können fast alle Design bzw. Style Anpassungen des Headers konfiguriert werden, ohne aufwendige Programmierarbeiten.
Durch zahlreiche Einstellungmöglichkeiten kann schnell ein individuelles Ergebnis erzielt werden.
Folgende Einstellungen sind im Backend Möglich:
01. Hintergrundfarbe:
Farbe des gesamten Headers kann konfiguriert werden. Entweder durch das von Shopware vorgegebene Farbsortiment,
oder durch Eingabe einer individuellen Farbe (HEX Code).
02. Unterer Rahmen bzw. Border:
Sowohl der Abstand als auch die Breite lässt sich konfigurieren.
03. Top-Bar
- Schriftfarbe
- Schriftfarbe beim hovern
04. Haupt-Navigation:
- Text Ausrichtung (links, rechts oder mittig)
- Abstand nach oben und unten
- Schriftgröße
- Schriftfarbe
- Horizontaler Abstand der einzelnen Einträge
- Hintergrundfarbe der einzelnen Einträge beim hovern
- Schriftfarbe der Einträge beim hovern
- Border bzw. Rahmen Farbe und Dicke beim hovern (links, rechts, oben und unten separat einstellbar)
- Übergangszeit (Transition) für den Hover Effekt
- Hintergrundfarbe, wenn aktiv
- Schriftfarbe, wenn aktiv
- Border bzw. Rahmen Farbe und Dicke, wenn aktiv (links, rechts, oben und unten separat einstellbar)
05. Shop-Navigation (Buttons):
- Border bzw. Rahmen Dicke und Farbe
- Border bzw. Rahmen Radius
- Hintergrundfarbe
- Schriftfarbe
- Border bzw. Rahmen Farbe beim hovern
- Hintergrundfarbe beim hovern<
- Schriftfarbe beim hovern
- Übergangszeit (Transition) für den Hover Effekt
06. Suche:
- Hintergrundfarbe
- Border bzw. Rahmen Dicke und Farbe (link, rechts, oben und unten separat einstellbar)
- Border Radius
- Hintergrundfarbe beim Fokussieren
- Border bzw. Rahmen Dicke und Farbe beim Fokussieren
07. Logo:
- Hintergrund kann automatisch freigestellt werden
]]>