StoreKeeper builder
      Terug naar start
      1. Academy
      2. Webshop
      3. StoreKeeper builder

      Hoe maak ik een header in de builder

      De header in de StoreKeeper Builder bestaat uit meerdere onderdelen die elk apart ingesteld kunnen worden. De structuur is opgebouwd in secties en blocks. Binnen de header kunnen de volgende secties worden toegevoegd:

      Sectie: Top Bar +new+

      De Top Bar +new+ bevindt zich bovenaan je webshop en bestaat uit de volgende mogelijke blocks:

      • Aankondigingsbalk +new+

      • Header met menu

      • Header Tools

      Aankondigingsbalk +new+

      Toont een korte tekst bovenin de webshop, zoals een verzendmelding of actie. Instelbaar:

      • Bannertekst (vrije invoer)

      • Tekstuitlijning (links, midden, rechts)

      • Login-knop tonen (aan/uit toggle)

      • Positie van de login-knop (links of rechts)

      • Kleuren: achtergrond, tekstkleur, dropdown-tekstkleur, iconkleur

      Header met menu (Top Bar)

      Toont tot 5 vaste links met logo, zoekfunctie, profiel- en winkelwagenicoon. Instelbaar:

      • Tot 5 menu-items (Label + URL handmatig instelbaar)

      • Logo tonen (aan/uit)

      • Menu plaatsing: inline of stacked

      • Menu uitlijning: links, midden, rechts

      • Zoektype: icoon of zoekbalk

      • Zoekpositie: links of rechts

      • Logo positie: links of gecentreerd

      • Profiel en winkelwagen tonen (aan/uit)

      • Kleuren: achtergrond, tekstkleur, iconkleur

      Header Tools

      Toont zoekbalk, profiel-icoon, winkelwagen en logo, in compacte stijl. Instelbaar:

      • Header lay-out: logo links

      • Kleuren: achtergrond, tekstkleur, iconkleur

      Sectie: Header met menu +new+

      Dit is een aparte headersectie en bevat uitsluitend het block Hoofdmenu. Deze wordt gebruikt om uitgebreide navigatie te bouwen met submenu’s.

      Instellingen voor deze header zijn grotendeels hetzelfde als bij de top bar:

      • Logo tonen (aan/uit)

      • Menu plaatsing (inline/stacked)

      • Menu uitlijning (links/midden/rechts)

      • Zoekfunctie: pictogram of zoekbalk

      • Zoekpositie (links of rechts)

      • Logo links of gecentreerd

      • Toon profiel en winkelwagen

      • Kleuren: achtergrond, tekst, iconen

      Daarnaast worden hier de menu-items bepaald via invoervelden (label + URL). Je kunt 5 menu-items aanmaken.

      Block: Hoofdmenu (binnen Header met menu +new+)

      Voor elk hoofdmenu-item kun je submenu’s toevoegen. Dit is het onderdeel waarmee je navigatie via dropdowns en megamenu's opbouwt.

      Instellingen per menu-item:

      • Menu-item label (zichtbare tekst)

      • Menu-item URL (bijv. /shop, /contact)

      • Child-menu: kies uit eerder aangemaakte menu’s uit de webwinkel-instellingen

      • Submenu-type:

        • Mega

        • Mega + Feature product

        • Mega + Categorie

        • Dropdown

        • Dubbele Dropdown

        • Grid

      Extra instellingen submenu:

      • Submenu-item label en URL

      • Uitgelichte productcategorie alias: kiest een van de vooraf gedefinieerde alias-labels

      • Uitgelichte categorie-ID: selecteer een categorie die is vrijgegeven voor weergave op de website

      • Kleurinstellingen:

        • Achtergrondkleur submenu

        • Primary tekstkleur

        • Link tekstkleur

      Wijzigingen opslaan

      Om je wijzigingen op te slaan, klik je rechtsboven op "Publiceren". De knop "Opslaan als concept" werkt nog niet op dit moment.