07. Page homepage

Homepage blocks

Je kunt je homepage in Deviant opbouwen precies zoals je dat zelf wenst. 

Op dit moment werkt de Instagram feed niet meer. Dat komt door veranderd policies van Instagram/Facebook. We verwachten dat deze binnenkort weer beschikbaar is!

De homepage bestaat uit 10 blokken. Elk blok bestaat uit:

  • Content: De inhoud van dit blok
  • Background color: De achtergrondkleur van dit blok
  • Text color: Tekst kleur

Home block 1 heet tevens een extra optie block 1 margin. Met deze instelling voeg je ruimte toe boven dit blok. Zie onderstaand.

Block 1 met margin

Block 1 zonder margin


Homepage settings

In deze sectie kun je je homepage verder verfijnen.

  • Homepage content link: Wanneer je de tekst op de homepage gebruikt (Inhoud > Pagina’s > Homepage) kun je hier de link instellen naar een pagina. Dit kan elke gewenste pagina zijn. Laat dit leeg om geen link te tonen. 
  • Products section main title + Products section main subtitle: De titel en subtitel van het block met de “producten voorpagina” of het products block
  • Products 2 (new and popular) title + subtitle: De titel en subtitel voor het block met “products 2”. Dit zijn de populaire en nieuwste producten.
  • Popular products + newest products: Met deze setting schakel je de nieuwste of populairste producten in of uit.
  • Brands section main title + subtitel: De titel en subtitel van de sectie met de merken carousel.
  • Homepage tags: De tags op de homepage in of uiitschakelen
  • Category layout: Met deze instelling kun je je categorieen op de homepage tonen in 3 kolommen of in blokjes.

3 Kolommen:

In blokjes:

  • Banner blocks margin: Met deze setting kun je aangeven of je marge wil geven aan de blokken met banners er in. Dus banner block 1 of 2. Zie onderstaand een voorbeeld: 

Met marge:  


Banners

In deze sectie stel je je banners op de homepage in.

  • Banners 1 tot en met 4 worden gebruikt in banner block 1.
  • Banners 5 tot en met 8 worden gebruikt in banner block 2.

  • Banner blocks layout: Kies hier of je de banners over het hele scherm wil laten lopen of gecentreerd wilt hebben.

Volledige breedte:

Gecentreerd:


Headlines

In deze sectie stel je de headlines in. De headlines hoeven niet perse bovenaan de pagina te staan. Deze kun je met de homepage blocks plaatsen op de pagina waar je wilt.

Layout

Kies ten eerste de headlines layout;

  • Headlines layout: Je kunt hier kiezen voor fullwidth of fullscreen

Headline video

  • Kies hier of je de video headline wilt activeren. Deze wordt voor de allereerste slide geplaatst.
  • Kies vervolgens het platform. Youtube of HTML5 video’s. 
  • Geef de video ID op. Voor Youtube kopieer je de ID zoals je die ziet in de adresbalk van je browser. Dus bijvoorbeeld: https://www.youtube.com/watch?v=mWbijRYhuZs. Waarbij het gele gedeelte je ID is die je plakt in de thema instellingen. 
  • In het geval van een HTML5 video upload je eerst de video in Tools > Bestanden

Kopieer vervolgens de hele link en plak deze in het veld video ID.

Headline 1 t/m 3

  • Elke headline heeft 3 verschillende afbeeldingen. Deze zijn bedoeld voor desktop, tablet en mobiel. Download een van de 3 templates. Op deze manier weet je zeker dat je de juiste verhoudingen hebt.

Onderstaand staan 3 bestanden die je kunnen helpen met het samenstellen van een headline met de juiste verhoudingen.

– desktop: download
– Tablet: download
– Mobile: download

Updated on juli 15, 2021

Article Attachments

Was this article helpful?

Related Articles