{"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":"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 class=\"wp-block-paragraph\">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\n\n\n<h2 class=\"wp-block-heading\">Adicionar o bloco a uma p\u00e1gina ou publica\u00e7\u00e3o<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">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\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 ecr\u00e3 que mostra como adicionar o bloco de listagem 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\">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\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\">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\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=\"Bloco de listagem FooEvents por defeito\" 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\">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\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=\"Bloco de listagem de eventos FooEvents\" 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\">Defini\u00e7\u00f5es de eventos<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">O <strong>Defini\u00e7\u00f5es de eventos<\/strong> determinar quais os eventos que ser\u00e3o inclu\u00eddos na listagem de eventos.<\/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=\"Bloco de listagem de eventos FooEvents - Configura\u00e7\u00f5es 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 eventos:<\/strong> O bloco de listagem de eventos do FooEvents pode exibir entre 1 e 50 eventos.<\/li>\n\n\n\n<li><strong>Encomendar:<\/strong> - Os eventos ser\u00e3o ordenados pela data do evento, por ordem crescente ou decrescente.<\/li>\n\n\n\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\n\n\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\n\n\n<li><strong>Filtrar por IDs de produtos:<\/strong> - Mostrar apenas eventos espec\u00edficos, introduzindo os IDs de produtos relevantes.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Defini\u00e7\u00f5es do ecr\u00e3<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">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\n\n\n<p class=\"wp-block-paragraph\">Tem a possibilidade de escolher entre tr\u00eas esquemas diferentes:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Layout da lista<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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\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 Listagem de eventos Layout da lista de blocos\" 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\">Disposi\u00e7\u00e3o dos ladrilhos<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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\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 Listagem de eventos Layout de blocos de azulejos\" 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\">Layout compacto<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">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\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 detalhes do evento<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Pode personalizar a listagem mostrando ou ocultando v\u00e1rios detalhes utilizando os seguintes controlos:<\/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=\"Bloco de listagem de eventos FooEvents Mostrar\/ocultar controlos\" 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\">Configura\u00e7\u00f5es adicionais<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\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\n\n\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},"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\/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"}],"version-history":[{"count":2,"href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/docs\/136933\/revisions"}],"predecessor-version":[{"id":148915,"href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/docs\/136933\/revisions\/148915"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/pt\/wp-json\/wp\/v2\/docs\/141987"}],"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}]}}