{"id":136933,"date":"2024-04-08T04:07:47","date_gmt":"2024-04-08T11:07:47","guid":{"rendered":"https:\/\/help.fooevents.com\/?post_type=docs&#038;p=136933"},"modified":"2025-05-05T16:35:22","modified_gmt":"2025-05-05T23:35:22","slug":"blok-evenementlijst","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/nl\/docs\/topics\/blocks\/fooevents-event-listing-block\/","title":{"rendered":"FooEvents Evenement Lijst Blok"},"content":{"rendered":"<p>De <strong>FooEvents Evenement Lijst Blok<\/strong> is ingebouwd in de belangrijkste <a href=\"https:\/\/help.fooevents.com\/nl\/documentatie\/onderwerpen\/plugins-voor-fooevents\/fooevents-voor-woocommerce\/\">FooEvents voor WooCommerce<\/a> plugin (<a href=\"https:\/\/help.fooevents.com\/nl\/documentatie\/onderwerpen\/changelogs\/fooevents-voor-woocommerce\/\">1.19.9<\/a>), waarmee je eenvoudig een lijst met evenementen kunt weergeven in drie verschillende lay-outs: lijst, betegeld of compact. In de volgende instructies wordt uitgelegd hoe je het blok toevoegt aan een pagina of bericht en het configureert om evenementen weer te geven op je site.<\/p>\n<h3>Het blok toevoegen aan een pagina of bericht<\/h3>\n<p>Maak of wijzig een bestaande pagina of post en voeg de <strong>FooEvents Evenement Lijst Blok<\/strong> door op de knop '<strong>Blok toevoegen<\/strong>' pictogram en zoeken naar '<strong>FooEvents<\/strong>\u2018.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-136934\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.51.11.png\" alt=\"Schermafbeelding van het toevoegen van het FooEvents Listing Block\" width=\"391\" height=\"319\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.51.11.png 391w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.51.11-300x245.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.51.11-15x12.png 15w\" sizes=\"(max-width: 391px) 100vw, 391px\" \/><\/p>\n<p>U kunt ook zoeken naar de <strong>FooEvents Evenement Lijst Blok<\/strong> rechtstreeks vanuit de editor door '<strong>\/foo<\/strong>'. WordPress zal dan alle blokken voorstellen die 'foo' in hun naam hebben.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-large wp-image-136935\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.51.39-1024x426.png\" alt=\"\" width=\"1024\" height=\"426\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.51.39-1024x426.png 1024w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.51.39-300x125.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.51.39-768x319.png 768w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.51.39-18x7.png 18w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.51.39.png 1287w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Wanneer u voor het eerst de <strong>FooEvents Evenement Lijst Blok<\/strong>Standaard worden alle gebeurtenissen weergegeven (producten waarvoor de FooEvents-functionaliteit is ingeschakeld) met behulp van de '<strong>Lijst<\/strong>' opmaakstijl.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-large wp-image-136936\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.53.45-1024x589.png\" alt=\"Standaard FooEvents Lijstblok\" width=\"1024\" height=\"589\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.53.45-1024x589.png 1024w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.53.45-300x172.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.53.45-768x442.png 768w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.53.45-1536x883.png 1536w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.53.45-18x10.png 18w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.53.45.png 1562w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>U kunt dan de <strong>FooEvents Evenement Lijst Blok<\/strong> gebaseerd op jouw wensen. Om dit te doen, selecteert u het blok, WordPress zal dan de blokinstellingen\/opties in het rechter zijpaneel weergeven.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-136937\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.57.16-1024x589.png\" alt=\"FooEvents Evenementenlijst Blok\" width=\"1024\" height=\"589\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.57.16-1024x589.png 1024w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.57.16-300x173.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.57.16-768x442.png 768w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.57.16-1536x884.png 1536w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.57.16-18x10.png 18w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.57.16.png 1562w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h3>Evenement Instellingen<\/h3>\n<p>De <strong>Evenement Instellingen<\/strong> bepalen welke evenementen worden opgenomen in de lijst met evenementen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-136938\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.59.37.png\" alt=\"FooEvents Blok met gebeurtenissenlijst - Gebeurtenisinstellingen\" width=\"280\" height=\"519\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.59.37.png 280w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.59.37-162x300.png 162w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.59.37-6x12.png 6w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/p>\n<ul>\n<li><strong>Aantal evenementen:<\/strong> Het FooEvents blok voor gebeurtenissen kan tussen 1 en 50 gebeurtenissen weergeven.<\/li>\n<li><strong>Bestellen:<\/strong> - Gebeurtenissen worden gerangschikt op datum in oplopende of aflopende volgorde.<\/li>\n<li><strong>Soorten evenementen:<\/strong> Toon alle evenementen, een- en meerdaagse of alleen te boeken evenementen.<\/li>\n<li><strong>Filter op categorie slakken:<\/strong> Toon gebeurtenissen uit een specifieke WooCommerce-productcategorie. Voer hiervoor de categorie-slug in en selecteer de relevante categorie in de suggestielijst.<\/li>\n<li><strong>Filter op product-ID's:<\/strong> - Geef alleen specifieke gebeurtenissen weer door de relevante product-ID's in te voeren.<\/li>\n<\/ul>\n<h3>Weergave-instellingen<\/h3>\n<p>De <strong>Weergave-instellingen<\/strong> Gemakkelijk aanpassen van zowel de lay-out van de listing als de informatie die wordt weergegeven.<\/p>\n<p>Je kunt kiezen uit drie verschillende lay-outs:<\/p>\n<h4>Lijstindeling<\/h4>\n<p>De lijstlay-out biedt een eenvoudige en strakke lay-out die bij elk thema past. Er zijn opties om de afbeelding links of rechts uit te lijnen of helemaal te verbergen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-136939\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.05-1024x293.png\" alt=\"FooEvents Gebeurtenissenlijst Opmaak bloklijst\" width=\"1024\" height=\"293\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.05-1024x293.png 1024w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.05-300x86.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.05-768x220.png 768w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.05-18x5.png 18w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.05.png 1206w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h4>Tegels Lay-out<\/h4>\n<p>De Lay-out Tegels is perfect voor het weergeven van een groot aantal evenementen in een raster van tegels. Je kunt het aantal kolommen opgeven voor grotere schermen, terwijl het aantal kolommen op kleinere schermen automatisch wordt aangepast voor een optimale weergave.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-136940\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.29-1024x704.png\" alt=\"FooEvents Gebeurtenissen Lijst Blok Tegels lay-out\" width=\"1024\" height=\"704\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.29-1024x704.png 1024w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.29-300x206.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.29-768x528.png 768w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.29-18x12.png 18w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.29.png 1209w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h4>Compacte indeling<\/h4>\n<p>De Compacte lay-out geeft gebeurtenissen weer in een gestroomlijnde tabelindeling, gebruikmakend van WooCommerce tabelstijlen voor naadloze integratie met het ontwerp van je thema.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-136941\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.54-1024x439.png\" alt=\"\" width=\"1024\" height=\"439\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.54-1024x439.png 1024w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.54-300x129.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.54-768x329.png 768w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.54-18x8.png 18w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.54.png 1201w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h4>Details van gebeurtenis tonen\/verbergen<\/h4>\n<p>Je kunt de listing aanpassen door verschillende details te tonen of te verbergen met de volgende besturingselementen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-136942\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.23.34.png\" alt=\"FooEvents Events Listing Blok tonen\/verbergen besturingselementen\" width=\"267\" height=\"420\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.23.34.png 267w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.23.34-191x300.png 191w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.23.34-8x12.png 8w\" sizes=\"(max-width: 267px) 100vw, 267px\" \/><\/p>\n<h4>Extra configuraties<\/h4>\n<ul>\n<li><strong>Evenement Vervaldatum<\/strong> - Als een evenement of boeking <a href=\"https:\/\/help.fooevents.com\/nl\/documentatie\/onderwerpen\/evenementen\/expire-events\/\">ingesteld om te verlopen<\/a>wordt het alleen v\u00f3\u00f3r de vervaldatum weergegeven in de lijst met evenementen. Zodra de vervaldatum is bereikt, wordt het evenement automatisch uit de lijst verwijderd.<\/li>\n<li><strong>Aangepaste terminologie<\/strong> - Je kunt de tekst van de knop \"Nu boeken\" aanpassen met behulp van aangepaste terminologie-overschrijvingen. Deze aanpassing kan worden toegepast op alle evenementen via de <a href=\"https:\/\/help.fooevents.com\/nl\/documentatie\/onderwerpen\/evenementen\/globale-instellingen\/#terminology\">Wereldwijde instellingen<\/a> of op een <a href=\"https:\/\/help.fooevents.com\/nl\/documentatie\/onderwerpen\/evenementen\/evenementopstelling\/#event-terminology\">individueel evenement<\/a> basis.<\/li>\n<\/ul>","protected":false},"featured_media":0,"parent":141987,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_tag":[],"class_list":["post-136933","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs\/136933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/comments?post=136933"}],"version-history":[{"count":0,"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs\/136933\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs\/141987"}],"next":[{"title":"FooEvents Kalenderblok","link":"https:\/\/help.fooevents.com\/nl\/docs\/topics\/blocks\/fooevents-calendar-block\/","href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs\/141975"}],"prev":[{"title":"FooEvents Aanwezigen Lijst Blok","link":"https:\/\/help.fooevents.com\/nl\/docs\/topics\/blocks\/fooevents-attendee-listing-block\/","href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/docs\/141965"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/media?parent=136933"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/nl\/wp-json\/wp\/v2\/doc_tag?post=136933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}