{"id":1963844,"date":"2024-12-28T09:09:04","date_gmt":"2024-12-28T14:09:04","guid":{"rendered":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/?p=1963844"},"modified":"2024-12-28T09:28:05","modified_gmt":"2024-12-28T14:28:05","slug":"display-attendee-names-alongside-avatars-in-public-attendee-list","status":"publish","type":"post","link":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/display-attendee-names-alongside-avatars-in-public-attendee-list\/","title":{"rendered":"Display Attendee Names Alongside Avatars in Public Attendee List"},"content":{"rendered":"\n

The Public Attendee List<\/a> feature in Event Tickets<\/a> makes it easy to showcase the attendees of your events right on the single event pages. By default, it only shows the attendee avatars, which is handy but might leave your users wanting a bit more. Imagine how wonderful it would be to enhance that list by adding names next to the avatars. This simple change can make your event feel more connected and inviting for everyone involved. In this article, we\u2019ll walk you through the steps to customize template files and make that happen!<\/p>\n\n\n\n

Customizing Public Attendee List<\/h2>\n\n\n\n

Follow these steps to override and customize the template file and show attendee names along with their avatars in the attendee list:<\/p>\n\n\n\n

1- Make a Copy of the Template File<\/strong><\/p>\n\n\n\n

Navigate to the following file within the Event Tickets plugin:<\/p>\n\n\n

\n\/wp-content\/plugins\/event-tickets\/src\/views\/blocks\/attendees\/gravatar.php\n<\/pre><\/div>\n\n\n
Copy the gravatar.php<\/code> file from this location.<\/p>\n\n\n\n
2- Paste the File in Your Theme Directory<\/strong><\/p>\n\n\n\n
Paste the copied file into your active theme\u2019s directory. If the necessary folders don\u2019t exist, create them. Match the following path:<\/p>\n\n\n
\n\/wp-content\/themes\/[your-theme]\/tribe\/tickets\/blocks\/attendees\/gravatar.php\n<\/pre><\/div>\n\n\n
3- Add Attendee Names<\/strong><\/p>\n\n\n\n
Open the newly added file and append the following line of code at the end:<\/p>\n\n\n
\necho $attendee['purchaser_name'];\n<\/pre><\/div>\n\n\n
4- Save Your Changes and Test<\/strong><\/p>\n\n\n\n
Save the changes to the file. Navigate to an event page where the Public Attendee List is displayed. Ensure that attendee names are now displayed with avatars.<\/p>\n\n\n\n
Following these simple steps, you can easily personalize the attendee list to display names alongside avatars. This makes your event pages more informative and engaging for everyone involved. Just a quick tip: When you add these attendee names, you may want to sprinkle some CSS to ensure the list is visually appealing and fits perfectly with your site’s design.<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
The Public Attendee List feature in Event Tickets makes it easy to showcase the attendees of your events right on the single event pages. By default, it only shows the attendee avatars, which is handy but might leave your users wanting a bit more. Imagine how wonderful it would be to enhance that list by…<\/p>\n","protected":false},"author":59,"featured_media":1955565,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_swpsp_post_exclude":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"ep_exclude_from_search":false,"footnotes":""},"categories":[24,59],"tags":[20,25,58],"stellar-product-taxonomy":[],"class_list":["post-1963844","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-customizing","category-customizing-resources","tag-code","tag-customizations","tag-php"],"acf":[],"taxonomy_info":{"category":[{"value":24,"label":"Customizations"},{"value":59,"label":"PHP & Functions"}],"post_tag":[{"value":20,"label":"Code"},{"value":25,"label":"Customizations"},{"value":58,"label":"PHP"}]},"featured_image_src_large":["https:\/\/images.theeventscalendar.com\/kb\/uploads\/2023\/02\/social-share-1024x538.png",1024,538,true],"author_info":{"display_name":"Masood","author_link":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/author\/masood\/"},"comment_info":0,"category_info":[{"term_id":24,"name":"Customizations","slug":"customizing","term_group":0,"term_taxonomy_id":24,"taxonomy":"category","description":"","parent":0,"count":110,"filter":"raw","term_order":"0","cat_ID":24,"category_count":110,"category_description":"","cat_name":"Customizations","category_nicename":"customizing","category_parent":0},{"term_id":59,"name":"PHP & Functions","slug":"customizing-resources","term_group":0,"term_taxonomy_id":59,"taxonomy":"category","description":"","parent":24,"count":101,"filter":"raw","term_order":"0","cat_ID":59,"category_count":101,"category_description":"","cat_name":"PHP & Functions","category_nicename":"customizing-resources","category_parent":24}],"tag_info":[{"term_id":20,"name":"Code","slug":"code","term_group":0,"term_taxonomy_id":20,"taxonomy":"post_tag","description":"","parent":0,"count":33,"filter":"raw","term_order":"0"},{"term_id":25,"name":"Customizations","slug":"customizations","term_group":0,"term_taxonomy_id":25,"taxonomy":"post_tag","description":"","parent":0,"count":177,"filter":"raw","term_order":"0"},{"term_id":58,"name":"PHP","slug":"php","term_group":0,"term_taxonomy_id":58,"taxonomy":"post_tag","description":"","parent":20,"count":128,"filter":"raw","term_order":"0"}],"_links":{"self":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1963844","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/users\/59"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/comments?post=1963844"}],"version-history":[{"count":6,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1963844\/revisions"}],"predecessor-version":[{"id":1963851,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/posts\/1963844\/revisions\/1963851"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media\/1955565"}],"wp:attachment":[{"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/media?parent=1963844"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/categories?post=1963844"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/tags?post=1963844"},{"taxonomy":"stellar-product-taxonomy","embeddable":true,"href":"https:\/\/staging.theeventscalendar.com\/knowledgebase\/wp-json\/wp\/v2\/stellar-product-taxonomy?post=1963844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}