Promo header

Hier ziet u een afbeelding van het overzicht van blokken die wij aanbieden uit ons content management systeem Wagtail. Met deze bouwblokken kunt u het uiterlijk van uw webshop opbouwen. Deze bouwblokken zijn in het csm opgedeeld in verschillende secties.
Hieronder zijn al deze bouwblokken individueel per sectie te zien met daarbij een korte uitleg.

Schermafbeelding 2020-12-21 om 11.09.11.png

HTML sectie


Het "Header" blok; voor koppen, titels of benadrukking van content

Header

Het "Divider" blok; waarmee een visuele scheiding tussen content wordt gemaakt.


Het "Image" blok; voor het plaatsen van (losse) afbeeldingen.

banner12.jpg

Het "Video" blok

Het"Text" blok; voor korte tekstjes met minimale opmaak-mogelijkheden.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Het "Richtext" blok; het textblok "rijk" gevuld met features. Zo valt gemakkelijk tekst dik te drukken, schuin te zetten, grootte aan te passen, linkjes toe te voegen naar pagina's/websites/documenten en is het mogelijk om een lijst of opsomming te maken. Ook kunnen een video, afbeelding of document worden toegevoegd.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Donec a arcu ex. Nunc laoreet lectus vitae nulla rutrum euismod. Vestibulum ultrices nisi id suscipit accumsan.

Curabitur ligula lorem, interdum at lectus eget, facilisis varius velit. Nam nec malesuada orci, vitae mollis odio. Sed sit amet diam euismod,

  • posuere magna in, sagittis nisi.
  • Quisque rutrum nisl et imperdiet mattis.
  • Proin et finibus arcu.

Bootstrap sectie


Het "Button" blok; Hiermee kun je een verwijzing maken naar een pagina binnen de website.

Het "Breadcrumb" blok; bekend van het Hans en Grietje verhaal kun je ook met virtuele broodkruimels zo jouw pad terug vinden. Dit kan dienen ter overzicht en/of een extra manier van navigeren.

Het "Jumbotron" blok; voor het extra benadrukken van een content sectie. Komt met een gekleurde achtergrond, een koptitel en richtext veld.

Jumbotron

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel lorem magna. Phasellus et eros et diam elementum scelerisque eget id sem. Sed cursus nisl purus, sed cursus urna commodo eget.

Het "Thumbnail" blok; hiermee kun je een call-to-action gebruiken op een afbeelding. Of je zou het als een soort digitaal visitekaartje kunnen inzetten, het bestaat uit een afbeelding, tekstje en button.

banner11.jpg

Hier een beschrijving

Hier een tekst

Het "Card" blok; dit blok is een flexibele en uitbreidbare inhoudscontainer. Het bevat opties voor kop- en voetteksten en een hoofdtekst.

Koptitel

Inhoud

Het "Embed" blok; hiermee kunt u (een sectie) van een document, video, diavoorstelling of geheel andere website insluiten.

Het "Modal" blok; na het drukken op de "modal"-knop opent een pop-up venster, de modal.

Klik hier om de modal te openen

Het "accordion" blok; een inklapbaar en uitvouwbaar blok. Deze zou u kunnen gebruiken op uw 'Veelgestelde vragen' pagina.

Vraagstuk 1

Antwoord

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel lorem magna. Phasellus et eros et diam elementum scelerisque eget id sem. Sed cursus nisl purus, sed cursus urna commodo eget.

Vraagstuk 2

Antwoord

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel lorem magna. Phasellus et eros et diam elementum scelerisque eget id sem. Sed cursus nisl purus, sed cursus urna commodo eget.

Vraagstuk 3

Antwoord

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel lorem magna. Phasellus et eros et diam elementum scelerisque eget id sem. Sed cursus nisl purus, sed cursus urna commodo eget.

Het "Nav pill" blok; een manier om verschillende stukken tekst overzichtelijk te ordenen.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.

Vivamus vehicula sapien interdum dolor tempor, eget molestie orci vestibulum. Sed rutrum blandit orci a efficitur. Suspendisse volutpat ante dui, ut egestas nibh suscipit sed. Pellentesque non ipsum magna. Curabitur id semper turpis, non accumsan neque.

Het "Nav tabs" blok; Vergelijkbaar met het 'Nav pills' blok, met een ietwat ander uiterlijk

Het "Carousel" blok; de carrousel is een diavoorstelling waarmee u door een reeks inhoud kunt bladeren.

Het "Maps" blok; zoek een locatie op Google Maps en geeft deze weer.

Het "Parallax" blok; parallax is een trend waarbij de achtergrondinhoud tijdens het scrollen met een andere snelheid wordt verplaatst dan de voorgrondinhoud.

Webshop sectie


Het "Product" blok; wijs één specifiek product uit het assortiment toe aan het blok om deze in de spotlight te zetten. U kunt natuurlijk ook een aantal van deze blokken naast elkaar zetten.

Het "Filter block" blok; filter voor de 'Vertical pill' blok

Het "Vertical pill" blok; met een vertical pill blok kunt u stukken tekst die met elkaar samenhangen overzichtelijk weergeven.

Verticale pill

Donec ultrices consequat mi at pharetra. Cras sit amet orci vitae felis sollicitudin facilisis vitae interdum ligula. Donec gravida sagittis ullamcorper. Aliquam pretium tincidunt imperdiet. In hac habitasse platea dictumst. Integer vehicula nulla est, eu sollicitudin leo convallis nec.

Verticale pill 2

Donec ultrices consequat mi at pharetra. Cras sit amet orci vitae felis sollicitudin facilisis vitae interdum ligula. Donec gravida sagittis ullamcorper. Aliquam pretium tincidunt imperdiet. In hac habitasse platea dictumst. Integer vehicula nulla est, eu sollicitudin leo convallis nec.

Het "Recent" blok; geeft de producten die u recent heeft bekeken weer.

Het "Category" blok; geeft de geselecteerde categorie weer

Het "Icon slider" blok; is een diavoorstelling die bestaat uit meerdere afbeeldingen. Geef hiermee bijvoorbeeld partners of merken weer.

Het "Product slider" blok; is een slide show van de door u geselecteerde producten uit het assortiment. Deze slider scrollt automatisch.

Het "Category C block" blok; is een kale weergaven van een handje vol geselecteerde categorieën

Boeken
Tassen
Accessoires
Kleding

Het "Gradient block" blok; geeft informatie weer met daarbij een knop naar een interne of externe pagina. De opmaak heeft een kleur verloop met een kleur naar keuze, die geleidelijk in een door u gekozen afbeelding overloopt.

None

Header

Inhoud

Link label

Het "FAQ" blok; voor een weergave van maximaal vier van de meest gestelde vragen met een uitklapbaar antwoord. U kunt er een afbeelding nast plaatsen. De knop met link kunt u naar een pagina met extra informatie of nog meer vragen en antwoorden laten leiden.

blog3

Heading

Wij streven ernaar om uw pakketje binnen 24 uur geleverd wordt. Helaas hebben wij geen controle over wat er bij de leveringsdienst gebeurt en kan het dus gebeuren dat uw pakketje op een later moment wordt geleverd.

Alles dat u in de webshop vindt is wat ons assortiment voor de huidige periode bevat.

U kunt kosteloos uw bestelling retour doen. U vindt de retourvoorwaarden op onze site.

Lees meer antwoorden

Het "Recent pages" blok; geeft de 3 laatst geplaatste nieuws posts weer. Wanneer u een blog of nieuwsberichten plaats en bezoekers het meest recente nieuws wilt tonen is dit ideaal.

1van de1
Kledingwinkel

Koningsbergenstraat 4

7418 ER

0612345679

info@highbiza.nl

Highbiza.nl

Kledingwinkel

Koningsbergenstraat 4

7418 ER

0612345679

info@highbiza.nl

Highbiza.nl

Het "Store locator" blok; toont alle filialen (of francises bijvoorbeeld) van uw bedijf die gevestigd zijn in Nederland.

Het "Highlight" blok; biedt de mogelijkheid om klikbare punten op een carousel toe te voegen. Zo kun je promotionele producten uitlichten en tegelijkertijd een mooie weergave tonen. Na het klikken komt een klein pop-up venstertje waar de bezoeker verder kan klikken naar bijvoorbeeld een product of contentpagina.

Het "Contact" blok; is een contact formulier. Mails komen binnen op het door u opgegeven e-mailadres en worden vanuit de website verstuurd vanuit een (ander of zelfde) door u opgegeven e-mailadres.

Neem contact


Features Highbiza
Sluiten Naar onze site voor meer uitleg Terug naar features