Product long page + blocks (incompleet)

De Product long page geeft heel veel vrijheid in het ontwerp en de indeling van je pagina. Je kunt deze combineren met verschillende blocks. Let er op dat je vantevoren een schets maakt van hoe je je pagina wilt opzetten. Houdt de pagina's rustig en uitnodigend om te lezen. 

Headline block

Met een headline block kun je submenu's maken. Dit block kun je hergebruiken op andere pagina's. Zorg er dan wel voor dat je deze plaatst in de folder 'for this site' in plaats van 'for this page'. In de headline blocks content tab kun je de links toevoegen. Het is ook mogelijk om dit block 'sticky' te maken, zodat het meebeweegt als je naar beneden scrollt.

Als je het als eerste element plaatst in de pagina, is er een bug, die ervoor zorgt dat er veel witruimte onder toont. Dit kun je corrigeren door in de css het volgende te plaatsen: 

.headline-placeholder {height: 0px !important}

Mocht je hier niet uitkomen, neem dan contact op met [email protected]. 

One Column Block

Dit block kan voor allerlei typen content gebruikt worden en heeft de breedte van 1 kolom op een pagina. 

Two Column Block

Dit block kan ook voor allerlei typen content gebruikt worden en toont 2 kolommen in het block. Op mobiel zullen deze onder elkaar getoond worden. 

Flexible row block

Hiermee kun je een custom-sized block maken, gebaseerd op een grid van 12 kolommen. Je kunt elke combinatie gebruiken, zolang het maar deelbaar is door 12. Een volledige rij is 12. 
Op mobiel zullen deze onder elkaar getoond worden. 

Carousel

Hiermee kun je een slider / caroussel creeren. Zorg ervoor dat je niet meer dan 4 banners in een slider plaatst. 

CTA Block

 Het CTA block toont automatisch aan de rechterkant van de pagina. Zorg ervoor dat je maar 1 van gebruikt.