{"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":"2026-06-03T13:13:44","modified_gmt":"2026-06-03T20:13:44","slug":"bloque-de-lista-de-eventos","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/es\/docs\/topics\/blocks\/fooevents-event-listing-block\/","title":{"rendered":"FooEvents Bloque de listado de eventos"},"content":{"rendered":"<p class=\"wp-block-paragraph\">En <strong>FooEvents Bloque de listado de eventos<\/strong> est\u00e1 integrado en el <a href=\"https:\/\/help.fooevents.com\/es\/documentos\/temas-2\/plugins-fooevents\/fooevents-para-woocommerce\/\">FooEvents para WooCommerce<\/a> plugin (<a href=\"https:\/\/help.fooevents.com\/es\/documentos\/temas-2\/registro-de-cambios\/fooevents-para-woocommerce\/\">1.19.9<\/a>), lo que permite mostrar f\u00e1cilmente una lista de eventos utilizando tres dise\u00f1os diferentes: lista, mosaico o compacto. Las siguientes instrucciones explican c\u00f3mo a\u00f1adir el bloque a una p\u00e1gina o entrada y configurarlo para que muestre los eventos de tu sitio.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">A\u00f1adir el bloque a una p\u00e1gina o entrada<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cree o modifique una p\u00e1gina o entrada existente y a\u00f1ada el icono <strong>FooEvents Bloque de listado de eventos<\/strong> pulsando el bot\u00f3n '<strong>A\u00f1adir bloque<\/strong>y buscando '<strong>FooEvents<\/strong>\u2018.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"391\" height=\"319\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.51.11.png\" alt=\"Captura de pantalla que muestra c\u00f3mo a\u00f1adir el bloque de listado FooEvents\" class=\"wp-image-136934\" 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=\"auto, (max-width: 391px) 100vw, 391px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Tambi\u00e9n puede buscar el <strong>FooEvents Bloque de listado de eventos<\/strong> directamente desde el editor escribiendo '<strong>\/foo<\/strong>'. WordPress sugerir\u00e1 entonces todos los bloques que incluyan 'foo' en su nombre.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"426\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.51.39-1024x426.png\" alt=\"\" class=\"wp-image-136935\" 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=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Cuando a\u00f1ada por primera vez el <strong>FooEvents Bloque de listado de eventos<\/strong>por defecto mostrar\u00e1 todos los eventos (productos que tienen activada la funcionalidad FooEvents) utilizando el campo '<strong>Lista<\/strong>'.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"589\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.53.45-1024x589.png\" alt=\"Bloque de listado FooEvents por defecto\" class=\"wp-image-136936\" 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=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">A continuaci\u00f3n, puede configurar el <strong>FooEvents Bloque de listado de eventos<\/strong> en funci\u00f3n de sus necesidades. Para ello, seleccione el bloque y WordPress mostrar\u00e1 las opciones de configuraci\u00f3n del bloque en el panel de la derecha.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"589\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.57.16-1024x589.png\" alt=\"FooEvents Bloque de listado de eventos\" class=\"wp-image-136937\" 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=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Configuraci\u00f3n de eventos<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En <strong>Configuraci\u00f3n de eventos<\/strong> determinar qu\u00e9 actos se incluir\u00e1n en el listado de actos.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"519\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-12.59.37.png\" alt=\"FooEvents Bloque de Listado de Eventos - Configuraci\u00f3n de Eventos\" class=\"wp-image-136938\" 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=\"auto, (max-width: 280px) 100vw, 280px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>N\u00famero de actos:<\/strong> El bloque de listado de eventos FooEvents puede mostrar entre 1 y 50 eventos.<\/li>\n\n\n\n<li><strong>Orden:<\/strong> - Los eventos se ordenar\u00e1n por la fecha del evento en orden ascendente o descendente.<\/li>\n\n\n\n<li><strong>Tipos de actos:<\/strong> Mostrar todos los eventos, de uno o varios d\u00edas, o s\u00f3lo los que se pueden reservar.<\/li>\n\n\n\n<li><strong>Filtrar por categor\u00eda babosas:<\/strong> Mostrar eventos de una categor\u00eda espec\u00edfica de productos WooCommerce. Para ello, introduzca el slug de la categor\u00eda y seleccione la categor\u00eda correspondiente en la lista de sugerencias.<\/li>\n\n\n\n<li><strong>Filtrar por ID de producto:<\/strong> - Mostrar s\u00f3lo eventos espec\u00edficos introduciendo los ID de producto correspondientes.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Ajustes de pantalla<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En <strong>Ajustes de pantalla<\/strong> facilitan la personalizaci\u00f3n tanto del dise\u00f1o del listado como de la informaci\u00f3n que se muestra.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Puede elegir entre tres dise\u00f1os diferentes:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dise\u00f1o de la lista<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">El dise\u00f1o de lista ofrece un dise\u00f1o sencillo y limpio que complementa cualquier tema. Ofrece opciones para alinear la imagen a la izquierda, a la derecha u ocultarla por completo.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"293\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.05-1024x293.png\" alt=\"FooEvents Lista de eventos Disposici\u00f3n de la lista de bloques\" class=\"wp-image-136939\" 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=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Disposici\u00f3n de las baldosas<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La disposici\u00f3n en mosaico es perfecta para mostrar un gran n\u00famero de eventos en un formato de cuadr\u00edcula en mosaico. Permite especificar el n\u00famero de columnas para pantallas grandes y ajustar autom\u00e1ticamente el n\u00famero de columnas en pantallas peque\u00f1as para garantizar una visualizaci\u00f3n \u00f3ptima.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"704\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.29-1024x704.png\" alt=\"FooEvents Lista de eventos Disposici\u00f3n de los bloques de baldosas\" class=\"wp-image-136940\" 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=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Dise\u00f1o compacto<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">El dise\u00f1o compacto muestra los eventos en un formato de tabla simplificado, aprovechando los estilos de tabla WooCommerce para garantizar una integraci\u00f3n perfecta con el dise\u00f1o de su tema.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"439\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.12.54-1024x439.png\" alt=\"\" class=\"wp-image-136941\" 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=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Mostrar \/ Ocultar detalles del evento<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Puede personalizar el listado mostrando u ocultando diversos detalles mediante los siguientes controles:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"267\" height=\"420\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-05-at-13.23.34.png\" alt=\"FooEvents Bloque de listado de eventos mostrar\/ocultar controles\" class=\"wp-image-136942\" 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=\"auto, (max-width: 267px) 100vw, 267px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Configuraciones adicionales<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Expiraci\u00f3n del evento<\/strong> - Si un acontecimiento o una reserva <a href=\"https:\/\/help.fooevents.com\/es\/documentos\/temas-2\/eventos-2\/expire-events\/\">a punto de expirar<\/a>s\u00f3lo se mostrar\u00e1 en el listado de eventos antes de la fecha de caducidad. Una vez alcanzada la fecha de caducidad, el evento se eliminar\u00e1 autom\u00e1ticamente del listado.<\/li>\n\n\n\n<li><strong>Terminolog\u00eda personalizada<\/strong> - Puede modificar el texto del bot\u00f3n \"Reservar ahora\" utilizando anulaciones de terminolog\u00eda personalizadas. Este ajuste puede aplicarse a todos los eventos a trav\u00e9s de la funci\u00f3n <a href=\"https:\/\/help.fooevents.com\/es\/documentos\/temas-2\/eventos-2\/configuracion-global\/#terminology\">Ajustes globales<\/a> o en un <a href=\"https:\/\/help.fooevents.com\/es\/documentos\/temas-2\/eventos-2\/configuracion-del-evento\/#event-terminology\">evento individual<\/a> base.<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>The FooEvents Event Listing Block is built into the main FooEvents for WooCommerce plugin (1.19.9), making it possible to easily display a list of events using three different layouts: list, tiled, or compact. The following instructions outline how to add the block to a page or post and configure it to display events on your [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":141987,"menu_order":9,"template":"","doc_tag":[],"class_list":["post-136933","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/136933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":2,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/136933\/revisions"}],"predecessor-version":[{"id":148915,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/136933\/revisions\/148915"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/141987"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/media?parent=136933"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/doc_tag?post=136933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}