50. Header tabbladen

Het tabbladen (hoofdmenu) menu heeft verschillende instellingen en mogelijkheden.

Tabbladnaam

Dit is een verplicht veld, een tabblad moet een naam hebben. Die naam kan van alles zijn, maar het is een goed idee om een logische naam te gebruiken. Bijvoorbeeld een tab Contact voor de contact pagina.

CSS class

Als je eigen stijlregels hebt, en die op het tabbladen menu wil toepassen, kun je hier je eigen CSS class invullen.

Toon selectie in

Hiermee kan je aangeven of je het tabblad binnen winkel wil laten openen of in een nieuw venster.
De instelling ‘hetzelfde venster’ heeft twee varianten

• standaard
• volledig (top)
  De optie volledig (top) zorgt ervoor dat indien het tabblad is ingesteld om een eigen pagina via een url te openen, dat die pagina volledig wordt getoond. En niet zoals bij de optie standaard, in het middenblok zal verschijnen.
  

Hierna is in te stellen welke pagina aan het tabblad moet worden gekoppeld.

• Blijf op dezelfde pagina (pagina home)
  Deze moet eigenlijk alleen gebruikt worden voor de home pagina. Met deze instelling wordt de home pagina zichtbaar onder bv www.domeinnaam.nl, en niet onder www.domeinnaam.nl/home
• Pagina
  Hiermee kun je alle pagina’s die je in je webshop hebt aangemaakt aan een tabblad koppelen.
• Pagina (eigen)
  Deze instelling opent en externe webpagina, bijvoorbeeld één op een andere website die je hebt, of een blog pagina.
  Een externe pagina moet altijd via een volledige url worden aangeroepen, dus beginnen met http://
  

Navigatie menu met meerdere lagen

Het is mogelijk om net als het menu blok met meerdere niveau’s ook de tabs bovenin te voorzien van verschillende niveau’s. Als klanten dan bovenaan op een tab klikken, krijgen ze een tweede en eventueel een derde niveau te zien.
Instellingen

Om deze optie in te stellen pak je simpelweg één van de aangemaakte tabs, en sleep je hem naar rechts totdat ‘ie ‘inspringt’ om er een submenu item van te maken. Tabs die naar rechts ‘inspringen’ worden submenu items van de tab waar ze onder staan.

Je kunt door middel van de tabs slepen naar de gewenste positie eenvoudig het menu opbouwen, zie ook hieronder.

NB: deze optie werkt alleen indien er gebruik wordt gemaakt van de standaard skins. Indien er gewerkt wordt met eigen layout voor de skins, moet de skin.html en base.css eerst aangepast worden.

• Zie deze link de skin.html code
• Zie deze link voor de base.css code.