{"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":"ereignislistenblock","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/de\/docs\/topics\/blocks\/fooevents-event-listing-block\/","title":{"rendered":"FooEvents Ereignisauflistungsblock"},"content":{"rendered":"<p>Die <strong>FooEvents Ereignisauflistungsblock<\/strong> ist in das Hauptprogramm integriert <a href=\"https:\/\/help.fooevents.com\/de\/dokumentation\/themen\/fooevents-plugins\/fooevents-fur-woocommerce\/\">FooEvents f\u00fcr WooCommerce<\/a> Plugin (<a href=\"https:\/\/help.fooevents.com\/de\/dokumentation\/themen\/anderungsprotokolle\/fooevents-fur-woocommerce\/\">1.19.9<\/a>), der es erm\u00f6glicht, eine Liste von Ereignissen in drei verschiedenen Layouts anzuzeigen: Liste, gekachelt oder kompakt. In den folgenden Anweisungen wird beschrieben, wie Sie den Block zu einer Seite oder einem Beitrag hinzuf\u00fcgen und ihn f\u00fcr die Anzeige von Ereignissen auf Ihrer Website konfigurieren.<\/p>\n<h3>Hinzuf\u00fcgen des Blocks zu einer Seite oder einem Beitrag<\/h3>\n<p>Erstellen oder \u00e4ndern Sie eine bestehende Seite oder einen Beitrag und f\u00fcgen Sie die <strong>FooEvents Ereignisauflistungsblock<\/strong> durch Dr\u00fccken der Taste '<strong>Block hinzuf\u00fcgen<\/strong>Symbol und die Suche nach '<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=\"Screenshot, der zeigt, wie der FooEvents Listing Block hinzugef\u00fcgt wird\" 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>Alternativ k\u00f6nnen Sie auch nach dem <strong>FooEvents Ereignisauflistungsblock<\/strong> direkt aus dem Editor durch Eingabe von '<strong>\/foo<\/strong>'. WordPress schl\u00e4gt dann alle Bl\u00f6cke vor, die \"foo\" in ihrem Namen enthalten.<\/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>Wenn Sie das erste Mal die <strong>FooEvents Ereignisauflistungsblock<\/strong>werden standardm\u00e4\u00dfig alle Ereignisse (Produkte, bei denen die FooEvents-Funktionalit\u00e4t aktiviert ist) unter Verwendung der Option '<strong>Liste<\/strong>' Layout-Stil.<\/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=\"Standard FooEvents Listing Block\" 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>Sie k\u00f6nnen dann die <strong>FooEvents Ereignisauflistungsblock<\/strong> auf der Grundlage Ihrer Anforderungen. W\u00e4hlen Sie dazu den Block aus. WordPress zeigt dann auf der rechten Seite die Blockeinstellungen\/Optionen an.<\/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 Events Listing Block\" 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>Ereignis-Einstellungen<\/h3>\n<p>Die <strong>Ereignis-Einstellungen<\/strong> bestimmen, welche Ereignisse in die Ereignisliste aufgenommen werden.<\/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 Event Listing Block - Ereigniseinstellungen\" 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>Anzahl der Ereignisse:<\/strong> Der FooEvents Event Listing Block kann zwischen 1 und 50 Ereignisse anzeigen.<\/li>\n<li><strong>Bestellung:<\/strong> - Die Ereignisse werden nach dem Datum des Ereignisses in aufsteigender oder absteigender Reihenfolge geordnet.<\/li>\n<li><strong>Veranstaltungsarten:<\/strong> Alle Veranstaltungen, ein- und mehrt\u00e4gige Veranstaltungen oder nur buchbare Veranstaltungen anzeigen.<\/li>\n<li><strong>Nach Kategorie Schnecken filtern:<\/strong> Anzeigen von Ereignissen aus einer bestimmten WooCommerce-Produktkategorie. Geben Sie dazu den Kategorie-Slug ein und w\u00e4hlen Sie die entsprechende Kategorie aus der Vorschlagsliste aus.<\/li>\n<li><strong>Nach Produkt-IDs filtern:<\/strong> Zeigen Sie nur bestimmte Ereignisse an, indem Sie die entsprechenden Produkt-IDs eingeben.<\/li>\n<\/ul>\n<h3>Einstellungen anzeigen<\/h3>\n<p>Die <strong>Einstellungen anzeigen<\/strong> erm\u00f6glichen eine einfache Anpassung sowohl des Layouts des Eintrags als auch der angezeigten Informationen.<\/p>\n<p>Sie haben die M\u00f6glichkeit, zwischen drei verschiedenen Layouts zu w\u00e4hlen:<\/p>\n<h4>Layout der Liste<\/h4>\n<p>Das Listenlayout bietet ein einfaches und sauberes Layout, das zu jedem Thema passt. Es bietet Optionen, um das Bild links oder rechts auszurichten oder es ganz auszublenden.<\/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 Ereignisliste Layout der Blockliste\" 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>Kacheln Layout<\/h4>\n<p>Das Kachellayout eignet sich perfekt f\u00fcr die Darstellung einer gro\u00dfen Anzahl von Veranstaltungen in einem Kachelgitterformat. Es bietet die M\u00f6glichkeit, die Anzahl der Spalten f\u00fcr gr\u00f6\u00dfere Bildschirme festzulegen, w\u00e4hrend es die Anzahl der Spalten auf kleineren Bildschirmen automatisch anpasst, um eine optimale Anzeige zu gew\u00e4hrleisten.<\/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 Ereignisse Auflistung Block Kacheln 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>Kompaktes Layout<\/h4>\n<p>Das Kompakt-Layout zeigt Ereignisse in einem optimierten Tabellenformat an und nutzt die WooCommerce-Tabellenstile, um eine nahtlose Integration in das Design Ihres Themas zu gew\u00e4hrleisten.<\/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>Ereignisdetails anzeigen\/ausblenden<\/h4>\n<p>Sie k\u00f6nnen die Auflistung anpassen, indem Sie mit den folgenden Steuerelementen verschiedene Details ein- oder ausblenden:<\/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 Ein-\/Ausblenden von Steuerelementen\" 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>Zus\u00e4tzliche Konfigurationen<\/h4>\n<ul>\n<li><strong>Ablauf des Ereignisses<\/strong> - Wenn ein Ereignis oder eine Buchung <a href=\"https:\/\/help.fooevents.com\/de\/dokumentation\/themen\/veranstaltungen\/expire-events\/\">verfallen<\/a>wird die Veranstaltung nur bis zum Ablaufdatum in der Veranstaltungsliste angezeigt. Sobald das Ablaufdatum erreicht ist, wird die Veranstaltung automatisch aus der Liste entfernt.<\/li>\n<li><strong>Benutzerdefinierte Terminologie<\/strong> - Sie k\u00f6nnen den Text der Schaltfl\u00e4che \"Jetzt buchen\" mithilfe von benutzerdefinierten Terminologie\u00fcberschreibungen \u00e4ndern. Diese Anpassung kann auf alle Ereignisse \u00fcber die Funktion <a href=\"https:\/\/help.fooevents.com\/de\/dokumentation\/themen\/veranstaltungen\/globale-einstellungen\/#terminology\">Globale Einstellungen<\/a> oder auf einer <a href=\"https:\/\/help.fooevents.com\/de\/dokumentation\/themen\/veranstaltungen\/veranstaltungsaufbau\/#event-terminology\">Einzelveranstaltung<\/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\/de\/wp-json\/wp\/v2\/docs\/136933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/comments?post=136933"}],"version-history":[{"count":0,"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs\/136933\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs\/141987"}],"next":[{"title":"FooEvents Kalenderblock","link":"https:\/\/help.fooevents.com\/de\/docs\/topics\/blocks\/fooevents-calendar-block\/","href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs\/141975"}],"prev":[{"title":"FooEvents-Teilnehmerliste Block","link":"https:\/\/help.fooevents.com\/de\/docs\/topics\/blocks\/fooevents-attendee-listing-block\/","href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/docs\/141965"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/media?parent=136933"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/de\/wp-json\/wp\/v2\/doc_tag?post=136933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}