Topics

⌘K
  1. Home
  2. Docs
  3. Topics
  4. Blocks
  5. FooEvents Attendee Listing Block

FooEvents Attendee Listing Block

The FooEvents Attendee Listing Block is built into the main FooEvents for WooCommerce plugin (1.19.38) , and can be used to display a list of event attendees on your website. The block includes various filters, support for Gravatar images, and different display modes. The following instructions outline how to add the block to a page or post and configure it to display attendees on your site.

Adding the block to a page or post #

Create or modify an existing page or post and add the FooEvents Attendee Listing Block by pressing the ‘Add Block‘ icon and searching for ‘FooEvents‘.

Select the FooEvents Attendee Listing block by searching for FooEvents

Alternatively, you can search for the FooEvents Attendee Listing Block directly from the editor by typing ‘/foo‘. WordPress will then suggest all blocks that include ‘foo’ in their name.

Select the FooEvents Attendee Listing block by searching for /foo in the block editor

Once you have added the FooEvents Attendee Listing Block, you can then configure the block’s Attendee Settings and Display Settings based on your requirements. To do so, select the FooEvents Attendee Listing Block, and WordPress will display the block’s settings in the right-hand side panel.

Attendee Settings #

The Attendee Settings determine which attendees will be included in the listing.

FooEvents Attendee Listing block Settings

  • Filter by product IDs: You can set the block to only display attendees from specific events. To do so, set the IDs of the WooCommerce products that have been configured as events.
  • Sort attendees by: Select from First Name, Last Name, Create Date, and Random.
  • Sort attendees order: Ascending or descending.
  • Limit number of attendees: Specify the number of attendees to display (up to 100 attendees).
  • Display unique attendees only: Enabling this option will ensure each email is only displayed once, using the attendee’s email address as a unique identifier.

Display Settings #

The Display Settings allow you to customize both the layout of the attendee list and the information that is displayed.

FooEvents Attendee Listing block Display Settings

Grid Layout #

FooEvents Attendee Listing block Grid Layout

Pictures Layout #

FooEvents Attendee Listing block Pictures Layout

List Layout #

FooEvents Attendee Listing block List Layout

Show / Hide Attendee Details #

You can customize the attendee listing by showing or hiding various details using the following controls:

FooEvents Attendee Listing block show/hide settings

Gravatar Support #

Profile images are displayed using Gravatar.

Using the Attendee Listing Block on Block Theme Product Pages #

When using a WordPress Block Theme, you can modify the WooCommerce Single Product template. To do so, go to Appearance > Editor > Templates > WooCommerce and select the Single Product template.

Editing the Single Product template in a block theme.

You can then modify the Single Product template using the block editor. When placed on the Single Product template, the FooEvents Attendee Listing Block will automatically listen for a product’s ID and only show attendees for that particular product.

Screenshot 2024 10 01 at 10.49.44

Here is an example of a custom product page that uses the FooEvents Attendee Listing Block.

Screenshot 2024 10 01 at 10.48.44