Je header en footer aanpassen

Wijzig je logo, menu-indeling en footer, en toon of verberg de header en footer, die door elke pagina van je winkel worden gedeeld.

De header en de footer zijn de twee onderdelen van je winkel die op elke pagina staan. De header bevat je logo en menu, en de footer bevat meestal een korte beschrijving, kolommen met links en een copyrightregel. Je bewerkt ze allebei één keer, in de editor, op een willekeurige pagina, en de wijziging verschijnt overal.

De header en footer vinden

In de editor is de header het eerste onderdeel op elke pagina en de footer het laatste. Beide staan ook in de lijst Structuur onderaan het linkerpaneel, met rechts een oogpictogram. Instellingen voor een van beide hebben een label Globaal, als herinnering dat een wijziging elke pagina verandert.

De lijst Structuur met de rij Header bovenaan, de paginasecties in het midden en de rij Footer onderaan, elk met een oogpictogram

Je logo wijzigen

  1. Klik op het menu in de header. Het instellingenpaneel rechts toont Navigatie.
  2. Klik op Logo om die groep te openen.
  3. Klik op Afbeelding uploaden om een logo toe te voegen, of op Uploads doorbladeren om er een te kiezen die je al hebt toegevoegd. Zie Afbeeldingen toevoegen en de mediabibliotheek gebruiken.
  4. Sleep de schuifregelaar Logohoogte totdat het logo de gewenste grootte heeft.
    De groep Logo met de instellingen Sitelogo, Woordmerk en Logohoogte

Het Woordmerk is je winkelnaam als tekst. Shoppers zien het wanneer je geen logoafbeelding hebt toegevoegd en het dient ook als beschrijving van het logo voor mensen die de afbeelding niet kunnen zien. Het kleine pictogram in een browsertabblad is een aparte instelling onder Siteontwerp.

De indeling van het menu wijzigen

  1. Open met het headermenu geselecteerd de groep Menu.
  2. Kies een Indeling: Logo links, menu rechts, Gecentreerd of Gestapeld.
    De header met de indeling Gecentreerd, met de winkelnaam boven de menulinks, het accountpictogram en het winkelwagenpictogram
  3. Zet Winkelwagenknop tonen aan of uit. Het accountpictogram wordt altijd getoond, omdat shoppers daarmee inloggen en hun bestellingen bekijken.

Dezelfde groep bevat ook het Lettertype van het menu en de lijst met links. Zie Je menulinks bewerken. Om het menu een gekleurde balk te geven, open je Weergave en kies je een Achtergrondkleur.

De hele header of footer opmaken

Het menu is één blok binnen de header. De header zelf en de footer zijn secties, en een sectie heeft eigen instellingen.

  1. Klik in de lijst Structuur op Header of Footer.
  2. Open de groep Algemeen.
  3. Wijzig wat je nodig hebt: Achtergrondkleur, Achtergrondafbeelding, Tekstkleur, Minimale hoogte, Ruimte boven en onder, Rasterafstand of Breedte van de inhoud.

De footer bewerken

Een footer is opgebouwd uit blokken, net als elke andere sectie. Klik op een blok erin om het te bewerken, sleep een nieuw blok uit het linkerpaneel naar binnen, of sleep een blok naar een andere plek. Een kolom met footerlinks is een blok Linklijst: geef het een Kolomkop en voeg de links toe, die precies werken als menulinks.

De footer onderaan de pagina met de linkkolom Shop geselecteerd en de kop en links ervan getoond in het instellingenpaneel

Om je socialmedia-accounts toe te voegen sleep je een blok Social media-links naar de footer en voer je het adres van elk account in bij Accounts. Een account zonder adres wordt weggelaten.

Een blok Social media-links in de footer geplaatst, met een Instagram-adres ingevuld in het instellingenpaneel

De header of footer verbergen

Klik op het oogpictogram bij de rij Header of Footer in de lijst Structuur. De rij wordt doorgestreept en dat onderdeel verdwijnt van elke pagina. Klik opnieuw op het pictogram om het terug te halen. Je kunt ze niet verwijderen of verplaatsen, alleen verbergen.

Belangrijk: Als je de header verbergt, missen shoppers op elke pagina het menu, het accountpictogram en de winkelwagenknop.

Je afrekenpagina is de uitzondering op de regel. Die toont standaard alleen je logo, zodat shoppers zich op hun bestelling concentreren. Om het menu of de footer daar terug te halen, selecteer je het blok Afrekenen op die pagina en zet je Sitemenu tonen of Footer tonen aan.

Wijzigingen worden opgeslagen terwijl je ze maakt. Ze gaan live op je winkel de volgende keer dat je publiceert.

Gerelateerde artikelen

Last updated 2026-10-03