{"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":"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>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<h3>A\u00f1adir el bloque a una p\u00e1gina o entrada<\/h3>\n<p>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<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=\"Captura de pantalla que muestra c\u00f3mo a\u00f1adir el bloque de listado 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>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<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>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<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=\"Bloque de listado FooEvents por defecto\" 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>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<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 Bloque de listado de eventos\" 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>Configuraci\u00f3n de eventos<\/h3>\n<p>En <strong>Configuraci\u00f3n de eventos<\/strong> determinar qu\u00e9 actos se incluir\u00e1n en el listado de actos.<\/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 Bloque de Listado de Eventos - Configuraci\u00f3n de Eventos\" 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>N\u00famero de actos:<\/strong> El bloque de listado de eventos FooEvents puede mostrar entre 1 y 50 eventos.<\/li>\n<li><strong>Orden:<\/strong> - Los eventos se ordenar\u00e1n por la fecha del evento en orden ascendente o descendente.<\/li>\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<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<li><strong>Filtrar por ID de producto:<\/strong> - Mostrar s\u00f3lo eventos espec\u00edficos introduciendo los ID de producto correspondientes.<\/li>\n<\/ul>\n<h3>Ajustes de pantalla<\/h3>\n<p>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<p>Puede elegir entre tres dise\u00f1os diferentes:<\/p>\n<h4>Dise\u00f1o de la lista<\/h4>\n<p>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<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 Lista de eventos Disposici\u00f3n de la lista de bloques\" 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>Disposici\u00f3n de las baldosas<\/h4>\n<p>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<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 Lista de eventos Disposici\u00f3n de los bloques de baldosas\" 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>Dise\u00f1o compacto<\/h4>\n<p>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<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>Mostrar \/ Ocultar detalles del evento<\/h4>\n<p>Puede personalizar el listado mostrando u ocultando diversos detalles mediante los siguientes controles:<\/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 Bloque de listado de eventos mostrar\/ocultar controles\" 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>Configuraciones adicionales<\/h4>\n<ul>\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<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},"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\/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"}],"replies":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/comments?post=136933"}],"version-history":[{"count":0,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/136933\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/141987"}],"next":[{"title":"FooEvents Bloque Calendario","link":"https:\/\/help.fooevents.com\/es\/docs\/topics\/blocks\/fooevents-calendar-block\/","href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/141975"}],"prev":[{"title":"Embeding the FooEvents Attendee Listing Block as HTML","link":"https:\/\/help.fooevents.com\/es\/docs\/topics\/blocks\/embeding-the-fooevents-attendee-listing-block-as-html\/","href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/147763"}],"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}]}}