1. Navigeer naar je b2b admin portaal.
2. Klik op het veld zoeken.
3. Type "Media grid" en selecteer de module "Media grid"
4. Klik "Add" of "toevoegen"
5. Klik op het veld "Name" en type de naam in van het mediagrid
6. Klik op "Slug" en type hierin de gewenste link van het mediagrid
7. Klik op "Columns" en type hierin hoeveel kolommen er op 1 lijn mag zitten in de mediagrid
8. Klik op horizontaal en verticaal en type in hoeveel pixels ruimte er moet komen tussen de grids.
9. Vul ook de andere talen in als dit gewenst is.
10. Klik op "Store"
11. Klik op "Items" om in teksten en afbeeldingen toe te gaan voegen in het mediagrid.
12. Klik op "Add"
13. klik op "Image"
14. Klik op "choose file" bij het image veld
Selecteer de gewenste afbeelding uit je file explorer.
15. klik op "Columns" en type in hoeveel kolommen de foto in bezit moet nemen.
Het maximum aantal kolommen is in dit geval 2, dit komt door het eerder gekozen aantal.
16. Klik op "Name" en geef de afbeelding een naam.
17. Klik in de checkbox van "active" om de afbeelding te laten zien in je mediagrid.
18. Als je een naam / stuk tekst wil hebben wanneer je over de foto heen gaat kan je bij overlay hier tekst aan toevoegen.
Dit voeg je toe bij het gedeelte tekst.
De achtergrondkleur hiervan kan je aanpassen bij overlay background color.
19. Klik op "Store"
20. Klik op "Add" en selecteer hierna Text.
21. Klik op "Name" en geef het text fragment een naam
22. Met het "Titel" en "text" vul je in wat voor tekst je in het kolom wil tonen.
Titel komt boven aan het text fragment
23. Klik op de checkbox active en store de mediagrid.
24. Nu gaan we nog een afbeelding toevoegen door stap 13 tot en met 20 te herhalen.
25. Wanneer dit klaar is kunnen we het mediagrid voorvertonen via "view"
26. Wanneer je exact zoals hierboven heb gedaan zou de mediagrid er op deze manier uit komen te zien.