Styling van blokken en elementen

Elk blok binnen de Odoo web builder beschikt over specifieke configuraties en ontwerp mogelijkheden. We nemen de meest voorkomende hieronder door.

Snel inhoudelijke elementen toevoegen kan steeds door inline '/' te typen. Daarna krijgt u een dropdown om pregedefinieerde elementen inline te gaan toevoegen en stylen.

Teksten

Alle teksten die u op uw website plaatst, kunnen qua styling bijgestuurd worden naar eigen wens. Selecteer hiervoor de tekst die u wenst aan te passen. Zodra de tekst werd geselecteerd verschijnt onderstaand blok rechtsonder in de editor.

Onder de eerste dropdown kunt u een pregedefinieerde stijl selecteren waardoor de teksten steeds de opmaak zullen krijgen zoals op thema niveau ingesteld.

Wilt u hier echter van afwijken dan bestaat de mogelijkheid om:

De tekstgrootte aan te passen
Tekst vet, cursief, onderstreept of doorstreept weer te geven
Tekstkleuren en achtergrond kleuren van teksten aan te passen
De uitlijning te gaan bijsturen
Opsommingen te gaan gebruiken
Teksten te gaan animeren
Afbeeldingen in te voegen
Links op de teksten te plaatsen

Kleuren

Bij de meeste blokken (ook bij teksten) bestaat een oneindige mogelijkheid om kleuren te gaan toepassen. Wanneer u een element selecteert in de editor en de keuze maakt om kleuren of achtergrondkleuren te gaan aanpassen, krijgt u steeds de volgende opties:

Thema: Gebruik de vooraf ingestelde kleuren op thema niveau
Vast: Gebruik egale kleuren (transparantie kan ook ingesteld worden)
Verloop: Kies voor een verloop uit het kleurenpalet of maak een nieuw verloop aan naar eigen keuze.

Afbeeldingen

Wanneer u afbeeldingen wenst toe te voegen of te bewerken, krijgt u in de Odoo webbuilder steeds dit blok aan de rechterzijde te zien. Bij elke afbeelding bestaan de volgende mogelijkheden:

Alt-tag aan te vullen: belangrijk naar SEO toe
Tooltip aan te vullen: Tekst die verschijnt wanneer men met de muis over de afbeelding hovert
Een vorm te definiëren waarin de afbeelding dient te verschijnen
Een filter toe te passen op de afbeelding
Een breedte in te stellen (ingeladen afbeelding)
De kwaliteit van de afbeelding bij te sturen
Een afbeelding bij te snijden of te transformeren
De breedte (weergave) aan te passen
De uitlijning te definiëren
De afbeelding een bepaalde vorm geven
Padding van de afbeelding te bepalen (witruimte rond de afbeelding)
De afbeelding animeren

Knoppen

Ook knoppen kunnen steeds naar eigen wens bijgestuurd worden. Primaire en secundaire stijlen werden eerder gedefinieerd in de thema-instellingen. Bij aangepaste knoppen kunt u:

De knop kleur definiëren
De tekstkleur bepalen
De rand definiëren
De grootte van de knop aanpassen
De vorm van de knop bepalen

Odoo biedt de mogelijkheid aan om knoppen en links te laten openen in een nieuw venster. Pas dit zeker toe op uw conversiepagina's zodat de bezoekers op deze pagina blijven en de nodige CTA's niet uit het oog verliezen.

Achtergrond(en) & vormen

Bij bepaalde van de bouwblokken krijgt u de optie om verschillende types achtergrond te gaan definiëren. Bij een box hebt u bijvoorbeeld enkel en alleen de mogelijkheid om de achtergrond kleur te gaan aanpassen (themakleur, vast of verloop) terwijl u bij het banner blok veel meer mogelijkheden krijgt.

De achtergrond opties in bv. het banner-blok:

Een kleur definiëren (themakleur, vast of verloop)
Een afbeelding als achtergrond gaan instellen
Een video als achtergrond gaan instellen
De achtergrond een bepaald vorm meegeven
+ een combinatie van bovenstaande

Daarnaast kunt u ook de positie, het parallax effect en de kleurfilter gaan bepalen.

Een voorbeeld:

Hoogtes & breedtes (+ verticale uitlijning)

Bij tal van blokken, zoals bijvoorbeeld bij Columns, bestaat de mogelijkheid voor de sectie op zich de hoogte en de breedte te gaan aanpassen zodat dit beter aansluit bij uw algemene opmaak.

Bij breedte: Klein, normaal of vol
Bij hoogte: Automatisch, 50% of 100%

Bij de secties die gebruik maken van kolommen kan ook steeds bepaald worden hoeveel kolommen u hiervoor wenst in te stellen. (Based on 12-column grid)

Zichtbaarheid (!)

Hier maakt Odoo zeker een verschil! Met de voorwaardelijke zichtbaarheid (bij de meeste blokken beschikbaar) maakt Odoo het voor u als webbouwer mogelijk om bepaalde blokken voorwaardelijk zichtbaar te maken voor de bezoekers. Verschillende opties:

Zichtbaar enkel voor bezoekers die via een specifieke marketing campagne op uw website zijn terechtgekomen.
Zichtbaar voor bezoekers die gegenereerd zijn vanuit een specifiek medium (mail, social, paid,...)
Zichtbaar voor bezoekes die via een bepaalde bron of kanaal op uw website zijn terechtgekomen (zoekmachines, Facebook,....)
Zichtbaar voor ingelogde of niet ingelogde gebruikers