![\"\"](\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-12-at-14.29.59.png\" "\\"Screenshot")
<\/span><\/p>\nIMAGE<\/p>\n
Hier kan je de grootte van de afbeelding wijzigen, afgeronde hoeken instellen en de afstand tussen de afbeelding en te tekst aanpassen. Dit is natuurlijk enkel van toepassing als je effectief gebruik maakt van een afbeelding.<\/p>\n
![\"\"](\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-12-at-14.48.48.png\" "\\"Screenshot")
<\/span><\/p>\nITEM<\/p>\n
Bij Item<\/em> kan je de Rows gap<\/em> of ruimte tussen de rijen groter of kleiner maken. <\/p>\n![\"\"](\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-12-at-14.50.50.png\" "\\"Screenshot")
<\/span><\/p>\n\n- Pas de hoogte van de container aan en zorg voor een gecentreerde uitlijning (Justify content > Center<\/em>) zodat er meer plaats boven en onder het element komt<\/li>\n<\/ul>\n
Zoals bij alle elementen kan je bij Geavanceerd <\/em>de marges & padding aanpassen, een rand toevoegen, een achtergrondkleur kiezen, effecten toevoegen,…<\/p><\/blockquote>\n![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-19.01.06.png\" "\\"Screenshot")
<\/span><\/p>\nHet Price Table element<\/h2>\nEen nieuwe container invoegen<\/span><\/h3>\nEen container invoegen<\/span><\/h3>\n\n- Klik op het plusteken in het midden van de pagina<\/li>\n
- Klik vervolgens op \u00e9\u00e9n van de containerstructuren, afhankelijk van welke structuur je nodig hebt. In het voorbeeld kiezen we de rij container<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Plusje.png\" "\\"Plusje\\"")
<\/span>![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-12.56.45.png\" "\\"rij")
<\/span><\/p>\nEen price table element invoegen<\/span><\/h3>\n\n- Link links bovenaan in de zwarte balk op het raster<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-21.22.47.png\" "\\"Raster\\"")
<\/span><\/p>\n\n- Typ in het zoekvak “pri” (van prijs\/price). Er zullen 2 soorten elementen verschijnen die een prijslijst op een andere manier weergeven.<\/li>\n
- Sleep het Price Table<\/em> of Prijstabel <\/em>element<\/em> in de container onder de price list en laat los wanneer je de roze balk ziet<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-19.06.32.png\" "\\"Screenshot")
<\/span><\/p>\n\n- Zet de breedte van het prijstabel element op 50% (Geavanceerd > Layout > Breedte > Aangepast > 50%<\/em>)<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-19.08.29.png\" "\\"Screenshot")
<\/span><\/p>\nEen prijstabel bewerken<\/span><\/h3>\nHEADER<\/p>\n
\n- Zorg ervoor dat het element geselecteerd is door er in te klikken<\/li>\n
- Klik links in de instellingen in het tabblad Inhoud<\/em> op Header<\/em><\/li>\n
- Hier kan je de titel <\/strong>en ondertitel <\/strong>aanpassen<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-12-at-15.04.19.png\" "\\"Screenshot")
<\/span><\/p>\nPRICING<\/p>\n
\n- Valutateken of Currency Symbol<\/span>: kies hier voor Euro, Dollar,…<\/li>\n
- Prijs of Price<\/span>: de prijs zelf<\/li>\n
- Currency Format<\/span>: met of zonder kommagetallen<\/li>\n
- Aanbieding of Sale<\/span>: stel hier een korting in. De originele prijs vul je in onder de aanbieding, de prijs waar de korting is afgetrokken bij Prijs<\/em><\/li>\n
- Periode<\/span>: hier kan je bv. invullen dat het over een uurtarief gaat, of een pakketprijs dat voor een bepaalde termijn loopt,…<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-19.13.34.png\" "\\"Screenshot")
<\/span><\/p>\nFEATURES of EIGENSCHAPPEN<\/p>\n
Hier vul je de belangrijkste eigenschappen van je product<\/strong> in. Meestal zijn dit je USP’s (Unique Selling Point) waardoor mensen sneller geneigd zijn je product te kopen. Per eigenschap kan je de kleur en inhoud aanpassen van de tekst<\/strong> en het icoon<\/strong>.<\/p>\n![\"\"](\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-12-at-15.14.56.png\" "\\"Screenshot")
<\/span><\/p>\nFOOTER<\/p>\n
De footer is het onderste deel van de prijstabel. Je kan hier de tekst van de knop<\/strong>aanpassen<\/strong>, een link toevoegen<\/strong> aan de knop en eventueel extra info<\/strong> schrijven. Als je geen knop wil, dan laat je de knop tekst leeg<\/p>\n![\"\"](\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-12-at-15.18.10.png\" "\\"Screenshot")
<\/span><\/p>\nRIBBON of LINT<\/p>\n
Dit is het lintje rechts bovenaan. Je kan de tekst en positie (links of rechts) aanpassen of het weglaten door de toggle naast Show <\/em>uit te zetten<\/p>\n![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-19.14.14.png\" "\\"Screenshot")
<\/span><\/p>\nEen prijstabel opmaken<\/span><\/h3>\n\n- Zorg ervoor dat het Prijstabel element<\/em> geselecteerd is door er in te klikken<\/li>\n
- Klik links bovenaan op het tabblad Stijl<\/em><\/li>\n<\/ul>\n
Voor elk onderdeel kan je verschillende instellingen doen, zoals achtergrondkeuren<\/strong>, tekstkleur<\/strong>, typografie<\/strong>, padding<\/strong>, grootte<\/strong>, positie<\/strong>,… Afhankelijk van het item dat je open klikt, zullen er andere instellingen mogelijk zijn. Dit voor:<\/p>\n\n- Header<\/li>\n
- pricing<\/li>\n
- Features of eigenschappen<\/li>\n
- Footer<\/li>\n
- Ribbon of lint<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-19.14.45.png\" "\\"Screenshot")
<\/span><\/p>\nZoals bij alle elementen kan je bij Geavanceerd <\/em>de marges & padding aanpassen, een rand toevoegen, effecten instellen,…<\/p><\/blockquote>\n![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-19.15.18.png\" "\\"Screenshot")
<\/span><\/p>\nDe prijstabel dupliceren<\/span><\/h3>\n\n- Klik met de rechtermuisknop<\/em> rechts bovenaan het element op het roze vak met het zwarte potloodje in<\/li>\n
- Klik vervolgens op Dupliceren<\/em>. Het duplicaat zal nu onder het originele element verschijnen<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-19.20.40.png\" "\\"Screenshot")
<\/span><\/p>\n\n- De duplicaten komen automatisch naast elkaar, omdat er met een rijcontainer gewerkt wordt. In het voorbeeld zetten we 2 prijstabellen naast elkaar<\/li>\n
- Selecteer eventueel de hoofdcontainer, maak die hoger en kies voor de uitlijning gecentreerd & in het midden<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-19.21.36.png\" "\\"Screenshot")
<\/span><\/p>\n\n- Pas de inhoud van de 2de prijstabel aan waar nodig.<\/li>\n<\/ul>\n
Een titel toevoegen<\/h2>\n\n- Klik rechts bovenaan bij de instellingen in de zwarte balk op het raster<\/strong><\/li>\n<\/ul>\n
<\/span><\/p>\n\n- Sleep het Koptekst<\/em> element links vanuit de instellingen in de bovenste container, boven het prijslijst element<\/em> en laat los wanneer je de blauwe roze ziet verschijnen in de container<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Koptekst-titel-juisttt.png\" "\\"Koptekst")
<\/span><\/p>\n\n- Pas de tekst, uitlijning, stijl,… aan naar keuze. Best voeg je boven en onder het element nog wat padding toe om meer plaats te cre\u00ebren.<\/li>\n<\/ul>\n
Gebruik maar 1 van de 2 weergaven op 1 pagina! Anders wordt het lelijk en too much. Het voorbeeld hieronder dient enkel om de verschillende opties duidelijk weer te geven.<\/p><\/blockquote>\n
![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/screencapture-shop-fixityourself-be-tarieven-2023-04-22-19_26_56.png\" "\\"screencapture-shop-fixityourself-be-tarieven-2023-04-22-19_26_56\\"")
<\/span><\/p>\nDenk eraan om je pagina responsief te maken!<\/p>\n","protected":false},"template":"","class_list":["post-194","tva_lesson","type-tva_lesson","status-publish","hentry","tva_courses-module-3-paginas-maken","post-wrapper","thrv_wrapper"],"_links":{"self":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/tva_lesson\/194"}],"collection":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/tva_lesson"}],"about":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/types\/tva_lesson"}],"wp:attachment":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-12-at-13.44.16.png\" "\\"Screenshot")
<\/span><\/p>\n![\"\"](\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/01\/Screenshot-2022-01-19-at-20.46.44.png\" "\\"Screenshot")
<\/span><\/p>\n![\"\"](\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/01\/Screenshot-2022-01-19-at-20.49.04.png\" "\\"Screenshot")
<\/span><\/p>\n![\"\"](\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/01\/Screenshot-2022-01-19-at-20.50.46.png\" "\\"Screenshot")
<\/span><\/p>\n![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-22.01.11.png\" "\\"Kolom")
<\/span><\/p>\n![\"\"](\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-18.55.13.png\" "\\"Screenshot")
<\/span><\/p>\n![\"\"](\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/02\/Screenshot-2022-02-12-at-14.23.51.png\" "\\"Screenshot")
<\/span><\/p>\n