Theme Performance: Header
Niels van Vlerken avatar
Geschreven door Niels van Vlerken
Meer dan een week geleden bijgewerkt
header.png
header_1.png

Welkom in de header sectie. Deze heeft veel opties, maar dat maakt het extra goed!

1. Header kleur (bovenste gedeelte) + tekstkleur

Kies de kleur van de top header balk. (dit is het bovenste gedeelte van de header, het middelste gedeelte waar het logo in staat is altijd wit)

header_6.png

Zie hier welke kleuren we precies bedoelen.

header_2.png

2. Top header balk tekstkleur

Bepaal hier de kleur van de header tekst links.

header_7.png

2.1 Algemene header tekstkleur

Bepaal de kleuren van: header usp’s, header default menu (extra menu) en textlink in de rechterhoek

header_8.png

3. Zoekbalk tekst kleur

Ook de tekst in de zoeker kun je aanpassen, bepaal dus zelf hoe opvallend je de tekst wilt maken.

header_9.png
header_3.png

4. Zoekbalk achtergrondkleur

Bepaal de achtergrondkleur van de zoekbalk

5. Kleur van de rand van de zoekbalk

Bepaal de kleur van de rand van de zoekbalk

6. Zoekbalk icoon kleur

Ja zelfs dit is mogelijk, je kunt naast de tekst ook zelf de kleur van het icoon bepalen.

7. Zoekbalk achtergrond kleur icoon

Als het icoontje niet meer opvalt na het wijzigen van de kleur dan kun je de kleur van het vlakje hier aanpassen.

8. Header lijn kleur (onder USP’s)

Wij houden hem het liefst licht grijs, maar mocht je hem in een andere kleur willen veranderen dan kan dit.

header_10.png

9. Header winkelwagen icoon en wishlist icoon kleur

Wil je het winkelwagentje liever in een andere kleur tonen (rechtsboven in je shop) dan kan dit ook. De wishlist krijgt ook deze kleur.

header_11.png
header_4.png

10. Toon de wishlist (verlanglijst) in de header

Niet iedereen wilt klanten de mogelijkheid bieden om een verlanglijst bij te houden dus is er een optie
om deze niet te tonen in de header. De kleur kun je in de volgende stap aanpassen.

11. Wishlist icoon kleur header

Kies de kleur voor het hartje aan de rechterkant van de top header.

12. Extra tekst link rechts boven in de header

Wil je een extra tekstlink toevoegen bijvoorbeeld als doorverwijzing naar de klantenservice? Dat kan.

header_12.png
header_5.png

Was dit een antwoord op uw vraag?