voorbeelden

Componenten

Custom content

Deze section staat zowel horizontaal als verticaal centraal gealigneerd, via de instellingen op de section zelf. De spacing tussen dit deel en afbeelding staat op "large".
Met de "Container width" settings (per item in deze section) kan je bepalen hoe breed alles staat. Zowel deze tekst als de afbeelding staan op 50% breedte (op medium schermen), maar enkel deze tekst staat op 33% op grotere schermen.

Button text

Dit is een pretitle

Custom content #2

De titel van dit tekstblok is kleiner omdat de Heading size op "H3" staat. Zo kan je wat hiërarchie in je sections krijgen. De container width staat hier op 75% zodat de tekst niet over heel de breedte komt te staan.
Deze heeft ook een achtergrondkleurtje en via de bottom-spacing setting kan deze section tegen de onderstaande liggen (zonder spacing tussenin).

Custom content #3

Bij sommige blokken (zoals onderstaande) moet je soms eerst eens saven vooraleer de functionaliteit goed werkt. Door te herladen bij het saven kunnen de juiste scripts geactiveerd worden.

Button

Label left

Label right

Custom content #4

Dit zijn 2 visual CTA blocks.

VIsual CTA Block #1

Body text

Tag

VIsual CTA Block #2

Body text

Tag

Titel (overschrijft collection titel)

Body text

Waxed chains

Tag

Andere image?

Door een image te uploaden overschrijf je de bijhorende collectie image (indien voorzien)

Quick Links

Tag

2 of 3 collecties per rij

Pas dit aan via de settings van de overkoepelende section

Tools

¥4,600

¥6,900

¥2,100

¥2,500

¥4,100

¥2,500

YBN Quick Link Removal Plier CRP-101

¥2,100

YBN Quick Link Installation Plier CLP-102

¥2,100

Park Tool Chain Checker CC-4

¥3,200

Content slider

USP #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

USP #2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

USP #3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.