{"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":"bloc-dannonces-devenements","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/fr\/docs\/topics\/blocks\/fooevents-event-listing-block\/","title":{"rendered":"FooEvents Bloc de listes d'\u00e9v\u00e9nements"},"content":{"rendered":"<p>Les <strong>FooEvents Bloc de listes d'\u00e9v\u00e9nements<\/strong> est int\u00e9gr\u00e9 dans le syst\u00e8me principal <a href=\"https:\/\/help.fooevents.com\/fr\/documents\/themes-2\/plugins-fooevents\/fooevents-pour-woocommerce-2\/\">FooEvents pour WooCommerce<\/a> plugin (<a href=\"https:\/\/help.fooevents.com\/fr\/documents\/themes-2\/changelogs\/fooevents-pour-woocommerce-2\/\">1.19.9<\/a>), ce qui permet d'afficher facilement une liste d'\u00e9v\u00e9nements dans trois dispositions diff\u00e9rentes : liste, mosa\u00efque ou compacte. Les instructions suivantes expliquent comment ajouter le bloc \u00e0 une page ou \u00e0 un message et le configurer pour afficher les \u00e9v\u00e9nements sur votre site.<\/p>\n<h3>Ajouter le bloc \u00e0 une page ou \u00e0 un message<\/h3>\n<p>Cr\u00e9ez ou modifiez une page ou un message existant et ajoutez l'\u00e9l\u00e9ment <strong>FooEvents Bloc de listes d'\u00e9v\u00e9nements<\/strong> en appuyant sur la touche '<strong>Ajouter un bloc<\/strong>et la recherche de l'ic\u00f4ne<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=\"Capture d&#039;\u00e9cran montrant comment ajouter le bloc d&#039;inscription FooEvents\" 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>Vous pouvez \u00e9galement rechercher le <strong>FooEvents Bloc de listes d'\u00e9v\u00e9nements<\/strong> directement \u00e0 partir de l'\u00e9diteur en tapant '<strong>\/foo<\/strong>'. WordPress vous proposera alors tous les blocs dont le nom contient 'foo'.<\/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>Lorsque vous ajoutez pour la premi\u00e8re fois le <strong>FooEvents Bloc de listes d'\u00e9v\u00e9nements<\/strong>Par d\u00e9faut, il affiche tous les \u00e9v\u00e9nements (produits pour lesquels la fonctionnalit\u00e9 FooEvents est activ\u00e9e) \u00e0 l'aide de l'ic\u00f4ne '<strong>Liste<\/strong>'.<\/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=\"Bloc d&#039;inscription FooEvents par d\u00e9faut\" 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>Vous pouvez ensuite configurer le <strong>FooEvents Bloc de listes d'\u00e9v\u00e9nements<\/strong> en fonction de vos besoins. Pour ce faire, s\u00e9lectionnez le bloc, WordPress affichera alors les param\u00e8tres\/options du bloc dans le panneau lat\u00e9ral droit.<\/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 Bloc de listes d&#039;\u00e9v\u00e9nements\" 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>Param\u00e8tres de l'\u00e9v\u00e9nement<\/h3>\n<p>Les <strong>Param\u00e8tres de l'\u00e9v\u00e9nement<\/strong> d\u00e9terminer les \u00e9v\u00e9nements qui seront inclus dans la liste des \u00e9v\u00e9nements.<\/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 Bloc de listage des \u00e9v\u00e9nements - Param\u00e8tres des \u00e9v\u00e9nements\" 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>Nombre d'\u00e9v\u00e9nements :<\/strong> Le bloc de liste d'\u00e9v\u00e9nements FooEvents peut afficher entre 1 et 50 \u00e9v\u00e9nements.<\/li>\n<li><strong>Commande :<\/strong> - Les \u00e9v\u00e9nements sont class\u00e9s par ordre croissant ou d\u00e9croissant de la date de l'\u00e9v\u00e9nement.<\/li>\n<li><strong>Types d'\u00e9v\u00e9nements :<\/strong> Afficher tous les \u00e9v\u00e9nements, \u00e0 un ou plusieurs jours, ou uniquement les \u00e9v\u00e9nements r\u00e9servables.<\/li>\n<li><strong>Filtrer par cat\u00e9gorie de limaces :<\/strong> Afficher les \u00e9v\u00e9nements d'une cat\u00e9gorie de produits WooCommerce sp\u00e9cifique. Pour ce faire, saisissez l'intitul\u00e9 de la cat\u00e9gorie et s\u00e9lectionnez la cat\u00e9gorie concern\u00e9e dans la liste de suggestions.<\/li>\n<li><strong>Filtrer par ID de produit :<\/strong> Afficher uniquement des \u00e9v\u00e9nements sp\u00e9cifiques en saisissant les identifiants des produits concern\u00e9s.<\/li>\n<\/ul>\n<h3>Param\u00e8tres d'affichage<\/h3>\n<p>Les <strong>Param\u00e8tres d'affichage<\/strong> facilitent la personnalisation de la pr\u00e9sentation de l'annonce et des informations affich\u00e9es.<\/p>\n<p>Vous avez la possibilit\u00e9 de choisir entre trois pr\u00e9sentations diff\u00e9rentes :<\/p>\n<h4>Pr\u00e9sentation de la liste<\/h4>\n<p>La pr\u00e9sentation en liste offre une mise en page simple et \u00e9pur\u00e9e qui s'int\u00e8gre \u00e0 n'importe quel th\u00e8me. Elle offre des options permettant d'aligner l'image \u00e0 gauche, \u00e0 droite ou de la masquer enti\u00e8rement.<\/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=\"Liste d&#039;\u00e9v\u00e9nements FooEvents Disposition de la liste de blocs\" 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>Disposition des carreaux<\/h4>\n<p>La pr\u00e9sentation en mosa\u00efque est id\u00e9ale pour pr\u00e9senter un grand nombre d'\u00e9v\u00e9nements dans un format de grille en mosa\u00efque. Elle comporte une option permettant de sp\u00e9cifier le nombre de colonnes pour les grands \u00e9crans, tout en ajustant automatiquement le nombre de colonnes sur les petits \u00e9crans afin de garantir un affichage optimal.<\/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 Events Listing Block Tiles layout\" 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>Disposition compacte<\/h4>\n<p>La mise en page compacte affiche les \u00e9v\u00e9nements dans un format de tableau rationalis\u00e9, en s'appuyant sur les styles de tableau de WooCommerce pour garantir une int\u00e9gration transparente dans la conception de votre th\u00e8me.<\/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>Afficher \/ masquer les d\u00e9tails de l'\u00e9v\u00e9nement<\/h4>\n<p>Vous pouvez personnaliser la liste en affichant ou en masquant divers d\u00e9tails \u00e0 l'aide des commandes suivantes :<\/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 Block show\/hide controls (en anglais)\" 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>Configurations suppl\u00e9mentaires<\/h4>\n<ul>\n<li><strong>Expiration de l'\u00e9v\u00e9nement<\/strong> - Si un \u00e9v\u00e9nement ou une r\u00e9servation est <a href=\"https:\/\/help.fooevents.com\/fr\/documents\/themes-2\/evenements\/expire-events\/\">expirer<\/a>Il ne sera affich\u00e9 dans la liste des \u00e9v\u00e9nements qu'avant la date d'expiration. Une fois la date d'expiration atteinte, l'\u00e9v\u00e9nement sera automatiquement supprim\u00e9 de la liste.<\/li>\n<li><strong>Terminologie personnalis\u00e9e<\/strong> - Vous pouvez modifier le texte du bouton \"R\u00e9server maintenant\" \u00e0 l'aide d'une terminologie personnalis\u00e9e. Cette modification peut \u00eatre appliqu\u00e9e \u00e0 tous les \u00e9v\u00e9nements par l'interm\u00e9diaire de la fonction <a href=\"https:\/\/help.fooevents.com\/fr\/documents\/themes-2\/evenements\/parametres-globaux\/#terminology\">Param\u00e8tres globaux<\/a> ou sur un <a href=\"https:\/\/help.fooevents.com\/fr\/documents\/themes-2\/evenements\/organisation-de-levenement\/#event-terminology\">\u00e9preuve individuelle<\/a> base.<\/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\/fr\/wp-json\/wp\/v2\/docs\/136933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/comments?post=136933"}],"version-history":[{"count":0,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/136933\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/141987"}],"next":[{"title":"FooEvents Bloc Calendrier","link":"https:\/\/help.fooevents.com\/fr\/docs\/topics\/blocks\/fooevents-calendar-block\/","href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/141975"}],"prev":[{"title":"Embeding the FooEvents Attendee Listing Block as HTML","link":"https:\/\/help.fooevents.com\/fr\/docs\/topics\/blocks\/embeding-the-fooevents-attendee-listing-block-as-html\/","href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/147763"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/media?parent=136933"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=136933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}