Bg blocks

Maak je eigen modeltegel

Kies voor een gevarieerde styling voor jouw modelweergave

We bieden voor je website verschillende type buttons aan die aansluiten bij je huisstijl. In de modeltegels stond altijd standaard de primary button. Daar hebben we nu wat voor gefixt. En niet enkel de button. Lees hieronder mee wat je allemaal in kunt stellen.

Hoe werkt het?

Stap 1

Plaats het Grid-block op je pagina en kies voor Modellen. Bij weergave kies je voor Tegel model overzicht.

Met deze instellingen sla je je conceptpagina op. Herlaadt de pagina, zodat alle instellingen voor deze modelweergave opgehaald kunnen worden.

Image 6
Image 8

Stap 2

Nu is het mogelijk om het volgende aan te passen:

Stijl van tegel
– Elevated: met een subtiele schaduw. Eventuele randkleuren worden genegeerd
– Filled: kies een achtergrondkleur van de tegel en een tekstkleur
– Outline: kies een kleur voor de rand van de tegel, eventuele schaduw wordt genegeerd
– None: kies voor een standaardweergave, zonder achtergrond, rand of schaduw

Selecteer één van bovenstaande opties voor de styling van je tegel.

Stap 3

Als je de stijl hebt gekozen kun je kiezen voor een bepaalde prijsweergave.

Default
De default weergave wordt toegepast op de prijzen. Dit is een verticale weergave met uitlijning links.

Kolommen
De weergave is horizontaal per type prijs, met twee prijzen naast elkaar.

Uitvullen
Een verticale weergave met links een prijslabel en rechte de prijs.

Als extra optie is het mogelijk om de ,- weergave achter de prijs uit te schakelen.

Image 9
Image 10

Stap 4

Kies het type button en een gewenste uitlijning. Je hebt de keuze om elke button te selecteren die in het pakket wordt aangeboden. Daarbij nog de volgende opties:

Uitlijning button
– Compact: tekst van je button is leidend voor de breedte van je button
– Uitgevuld: de button wordt over de volle breedte van de tegel getoond.

Kies je voor Compact?
Selecteer dan nog de uitlijning: links, midden of rechts.

Voorbeelden

Modellen (none, default, primary button, uitgevuld)

Modellen (filled, uitvullen, link button, compact, links)

Probeer het zelf!

Hoe werkt het?