{"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":"bloco-de-listagem-de-eventos","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/pt\/docs\/topics\/blocks\/fooevents-event-listing-block\/","title":{"rendered":"Bloco de listagem de eventos FooEvents"},"content":{"rendered":"<p>O <strong>Bloco de listagem de eventos FooEvents<\/strong> est\u00e1 incorporado no <a href=\"https:\/\/help.fooevents.com\/pt\/documentos\/temas-2\/plugins-fooevents\/fooevents-para-woocommerce-2\/\">FooEvents para WooCommerce<\/a> plugin (<a href=\"https:\/\/help.fooevents.com\/pt\/documentos\/temas-2\/registos-de-alteracoes\/fooevents-para-woocommerce-2\/\">1.19.9<\/a>), o que permite apresentar facilmente uma lista de eventos com tr\u00eas disposi\u00e7\u00f5es diferentes: lista, mosaico ou compacto. As instru\u00e7\u00f5es seguintes descrevem como adicionar o bloco a uma p\u00e1gina ou publica\u00e7\u00e3o e configur\u00e1-lo para apresentar eventos no seu s\u00edtio.<\/p>\n<h3>Adicionar o bloco a uma p\u00e1gina ou publica\u00e7\u00e3o<\/h3>\n<p>Crie ou modifique uma p\u00e1gina ou um post existente e adicione o <strong>Bloco de listagem de eventos FooEvents<\/strong> premindo o bot\u00e3o<strong>Adicionar bloco<\/strong>' e procurando pelo \u00edcone '<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 ecr\u00e3 que mostra como adicionar o bloco de listagem 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>Em alternativa, pode procurar o <strong>Bloco de listagem de eventos FooEvents<\/strong> diretamente a partir do editor, digitando '<strong>\/foo<\/strong>'. O WordPress ir\u00e1 ent\u00e3o sugerir todos os blocos que incluam 'foo' no seu nome.<\/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>Quando se adiciona pela primeira vez o <strong>Bloco de listagem de eventos FooEvents<\/strong>Por predefini\u00e7\u00e3o, mostrar\u00e1 todos os eventos (produtos que t\u00eam a funcionalidade FooEvents activada) utilizando o s\u00edmbolo '<strong>Lista<\/strong>' estilo de apresenta\u00e7\u00e3o.<\/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=\"Bloco de listagem FooEvents por defeito\" 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>Pode ent\u00e3o configurar o <strong>Bloco de listagem de eventos FooEvents<\/strong> de acordo com suas necessidades. Para isso, seleccione o bloco e o WordPress apresentar\u00e1 as defini\u00e7\u00f5es\/op\u00e7\u00f5es do bloco no painel do lado direito.<\/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=\"Bloco de listagem de eventos FooEvents\" 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>Defini\u00e7\u00f5es de eventos<\/h3>\n<p>O <strong>Defini\u00e7\u00f5es de eventos<\/strong> determinar quais os eventos que ser\u00e3o inclu\u00eddos na listagem de eventos.<\/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=\"Bloco de listagem de eventos FooEvents - Configura\u00e7\u00f5es 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 eventos:<\/strong> O bloco de listagem de eventos do FooEvents pode exibir entre 1 e 50 eventos.<\/li>\n<li><strong>Encomendar:<\/strong> - Os eventos ser\u00e3o ordenados pela data do evento, por ordem crescente ou decrescente.<\/li>\n<li><strong>Tipos de eventos:<\/strong> Mostrar todos os eventos, de um dia ou de v\u00e1rios dias, ou apenas eventos que podem ser reservados.<\/li>\n<li><strong>Filtrar por slugs de categoria:<\/strong> Mostrar eventos de uma categoria de produto WooCommerce espec\u00edfica. Para tal, introduza o slug da categoria e seleccione a categoria relevante na lista de sugest\u00f5es.<\/li>\n<li><strong>Filtrar por IDs de produtos:<\/strong> - Mostrar apenas eventos espec\u00edficos, introduzindo os IDs de produtos relevantes.<\/li>\n<\/ul>\n<h3>Defini\u00e7\u00f5es do ecr\u00e3<\/h3>\n<p>O <strong>Defini\u00e7\u00f5es do ecr\u00e3<\/strong> facilitam a personaliza\u00e7\u00e3o do layout da listagem e das informa\u00e7\u00f5es exibidas.<\/p>\n<p>Tem a possibilidade de escolher entre tr\u00eas esquemas diferentes:<\/p>\n<h4>Layout da lista<\/h4>\n<p>O layout de lista oferece um layout simples e limpo que complementa qualquer tema. Oferece op\u00e7\u00f5es para alinhar a imagem \u00e0 esquerda, \u00e0 direita ou para a ocultar totalmente.<\/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 Listagem de eventos Layout da lista de blocos\" 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>Disposi\u00e7\u00e3o dos ladrilhos<\/h4>\n<p>O esquema de mosaicos \u00e9 perfeito para apresentar um grande n\u00famero de eventos num formato de grelha de mosaicos. Inclui uma op\u00e7\u00e3o para especificar o n\u00famero de colunas para ecr\u00e3s maiores, enquanto ajusta automaticamente o n\u00famero de colunas em ecr\u00e3s mais pequenos para garantir uma visualiza\u00e7\u00e3o \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 Listagem de eventos Layout de blocos de azulejos\" 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>Layout compacto<\/h4>\n<p>O Layout compacto exibe eventos em um formato de tabela simplificado, aproveitando os estilos de tabela WooCommerce para garantir uma integra\u00e7\u00e3o perfeita com o design do seu 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 detalhes do evento<\/h4>\n<p>Pode personalizar a listagem mostrando ou ocultando v\u00e1rios detalhes utilizando os seguintes controlos:<\/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=\"Bloco de listagem de eventos FooEvents Mostrar\/ocultar controlos\" 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>Configura\u00e7\u00f5es adicionais<\/h4>\n<ul>\n<li><strong>Expira\u00e7\u00e3o do evento<\/strong> - Se um evento ou reserva for <a href=\"https:\/\/help.fooevents.com\/pt\/documentos\/temas-2\/eventos-2\/expire-events\/\">definido para expirar<\/a>Se o evento for cancelado, s\u00f3 ser\u00e1 apresentado na listagem de eventos antes da data de expira\u00e7\u00e3o. Quando a data de expira\u00e7\u00e3o for atingida, o evento ser\u00e1 automaticamente removido da listagem.<\/li>\n<li><strong>Terminologia personalizada<\/strong> - Pode modificar o texto do bot\u00e3o \"Reservar agora\" utilizando as substitui\u00e7\u00f5es de terminologia personalizadas. Este ajuste pode ser aplicado a todos os eventos atrav\u00e9s do bot\u00e3o <a href=\"https:\/\/help.fooevents.com\/pt\/documentos\/temas-2\/eventos-2\/definicoes-globais\/#terminology\">Defini\u00e7\u00f5es globais<\/a> ou num <a href=\"https:\/\/help.fooevents.com\/pt\/documentos\/temas-2\/eventos-2\/preparacao-do-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\/pt\/wp-json\/wp\/v2\/docs\/136933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/comments?post=136933"}],"version-history":[{"count":0,"href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/docs\/136933\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/docs\/141987"}],"next":[{"title":"FooEvents Bloco de calend\u00e1rio","link":"https:\/\/help.fooevents.com\/pt\/docs\/topics\/blocks\/fooevents-calendar-block\/","href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/docs\/141975"}],"prev":[{"title":"Embeding the FooEvents Attendee Listing Block as HTML","link":"https:\/\/help.fooevents.com\/pt\/docs\/topics\/blocks\/embeding-the-fooevents-attendee-listing-block-as-html\/","href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/docs\/147763"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/media?parent=136933"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/doc_tag?post=136933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}