{"id":1961391,"date":"2024-07-15T03:43:23","date_gmt":"2024-07-15T07:43:23","guid":{"rendered":"https:\/\/theeventscalendar.com\/knowledgebase\/?p=1961391"},"modified":"2026-04-16T13:34:34","modified_gmt":"2026-04-16T17:34:34","slug":"customizing-list-view","status":"publish","type":"post","link":"https:\/\/theeventscalendar.com\/knowledgebase\/customizing-list-view\/","title":{"rendered":"Customizing The Events Calendar List View"},"content":{"rendered":"\n

List View is one of the most commonly used calendar displays in The Events Calendar. This article collects recipes for customizing what appears in List View. <\/p>\n\n\n\n

Unless otherwise noted, snippets can be added via your child theme’s functions.php<\/code> file or using the Code Snippets plugin<\/a>. Template overrides should always be placed in a child theme. See Best Practices for Implementing Custom Code Snippets<\/a> and Customizing Template Files<\/a> for background on both approaches.<\/p>\n\n\n\n

Showing the Event Organizer<\/h2>\n\n\n\n

Out of the box, only the Venue name appears in List View. With a small customization, you can add the Organizer as well.<\/p>\n\n\n\n

Method 1: Action Hook<\/h4>\n\n\n\n

This snippet hooks into the venue template to output the organizer name immediately below it.<\/p>\n\n\n

\nadd_action( 'tribe_template_after_include:events\/v2\/list\/event\/venue', function ( $file, $name, $template ) {\n    $event = $template->get( 'event' );\n\n    if ( empty( $event->ID ) ) {\n        return;\n    }\n\n    $organizer = tribe_get_organizer( $event->ID );\n\n    if ( ! empty( $organizer ) ) {\n        echo '&lt;div class="tribe-events-calendar-list__event-venue tribe-common-b2">';\n        echo '&lt;span class="tribe-events-calendar-list__event-venue-title">&lt;strong>' . $organizer . '&lt;\/strong>&lt;\/span>';\n        echo '&lt;\/div>';\n    }\n}, 10, 3 );\n<\/pre><\/div>\n\n\n
\"List<\/figure>\n\n\n\n
For Events Calendar Pro<\/a> users, you can extend this snippet so that organizer names link to their Organizer pages<\/a> (Pro only):<\/p>\n\n\n
\nadd_action( 'tribe_template_after_include:events\/v2\/list\/event\/venue', function ( $file, $name, $template ) {\n    $event = $template->get( 'event' );\n\n    if ( empty( $event->ID ) ) {\n        return;\n    }\n\n    $organizer = tribe_get_organizer_link( $event->ID, true );\n\n    if ( ! empty( $organizer ) ) {\n        echo '&lt;style>\n            .tribe-organizer-link a {\n                color: #0645ad !important;\n                text-decoration: underline !important;\n                font-weight: bold;\n            }\n        &lt;\/style>';\n\n        echo '&lt;div class="tribe-events-calendar-list__event-venue tribe-common-b2">';\n        echo '&lt;span class="tribe-events-calendar-list__event-venue-title tribe-organizer-link">&lt;strong>' . $organizer . '&lt;\/strong>&lt;\/span>';\n        echo '&lt;\/div>';\n    }\n}, 10, 3 );\n<\/pre><\/div>\n\n\n
\"List<\/figure>\n\n\n\n
Method 2: Template Override<\/h4>\n\n\n\n
For a more advanced approach, create a template override<\/a> for tribe\/events\/v2\/list\/event.php<\/code>. The snippet below automates this: it creates the required folder structure in your active theme and writes a custom event.php<\/code> file (runs only once), and also injects CSS into List View pages to style the organizer section.<\/p>\n\n\n
\n&lt;?php\n\/**\n * Auto-create template override for event organizers in list view\n * and add custom styling.\n *\/\n\nadd_action( 'init', 'create_event_organizers_template_override' );\nfunction create_event_organizers_template_override() {\n    if ( get_option( 'event_organizers_template_created' ) ) {\n        return;\n    }\n\n    $theme_dir    = get_stylesheet_directory();\n    $template_dir = $theme_dir . '\/tribe\/events\/v2\/list';\n    $template_file = $template_dir . '\/event.php';\n\n    if ( ! file_exists( $template_dir ) ) {\n        wp_mkdir_p( $template_dir );\n    }\n\n    if ( ! file_exists( $template_file ) ) {\n        $template_content = '&lt;?php\n$container_classes = [ \\'tribe-common-g-row\\', \\'tribe-events-calendar-list__event-row\\' ];\n$container_classes[\\'tribe-events-calendar-list__event-row--featured\\'] = $event->featured;\n$event_classes = tribe_get_post_class( [ \\'tribe-events-calendar-list__event\\', \\'tribe-common-g-row\\', \\'tribe-common-g-row--gutters\\' ], $event->ID );\n?>\n&lt;div &lt;?php tribe_classes( $container_classes ); ?>>\n    &lt;?php $this->template( \\'list\/event\/date-tag\\', [ \\'event\\' => $event ] ); ?>\n    &lt;div class="tribe-events-calendar-list__event-wrapper tribe-common-g-col">\n        &lt;article &lt;?php tribe_classes( $event_classes ) ?>>\n            &lt;?php $this->template( \\'list\/event\/featured-image\\', [ \\'event\\' => $event ] ); ?>\n            &lt;div class="tribe-events-calendar-list__event-details tribe-common-g-col">\n                &lt;header class="tribe-events-calendar-list__event-header">\n                    &lt;?php $this->template( \\'list\/event\/date\\', [ \\'event\\' => $event ] ); ?>\n                    &lt;?php $this->template( \\'list\/event\/title\\', [ \\'event\\' => $event ] ); ?>\n                    &lt;?php $this->template( \\'list\/event\/venue\\', [ \\'event\\' => $event ] ); ?>\n                &lt;\/header>\n                &lt;?php $this->template( \\'list\/event\/description\\', [ \\'event\\' => $event ] ); ?>\n                &lt;?php\n                $organizer_ids = tribe_get_organizer_ids( $event->ID );\n                if ( ! empty( $organizer_ids ) ) {\n                    $organizer_links = [];\n                    foreach ( $organizer_ids as $organizer_id ) {\n                        if ( $organizer_id > 0 ) {\n                            $organizer_name = get_the_title( $organizer_id );\n                            $organizer_url  = get_permalink( $organizer_id );\n                            if ( $organizer_name &amp;&amp; $organizer_url ) {\n                                $organizer_links[] = \\'&lt;a href="\\' . esc_url( $organizer_url ) . \\'" class="tribe-event-organizer-link">\\' . esc_html( $organizer_name ) . \\'&lt;\/a>\\';\n                            }\n                        }\n                    }\n                    if ( ! empty( $organizer_links ) ) {\n                        echo \\'&lt;div class="tribe-events-calendar-list__event-organizers">\\';\n                        echo \\'&lt;span class="tribe-event-organizers-label">\\' . esc_html__( \\'Organized by:\\', \\'the-events-calendar\\' ) . \\'&lt;\/span> \\';\n                        echo \\'&lt;span class="tribe-event-organizers">\\' . implode( \\', \\', $organizer_links ) . \\'&lt;\/span>\\';\n                        echo \\'&lt;\/div>\\';\n                    }\n                }\n                ?>\n                &lt;?php $this->template( \\'list\/event\/cost\\', [ \\'event\\' => $event ] ); ?>\n            &lt;\/div>\n        &lt;\/article>\n    &lt;\/div>\n&lt;\/div>';\n\n        file_put_contents( $template_file, $template_content );\n        update_option( 'event_organizers_template_created', true );\n    }\n}\n\nadd_action( 'wp_head', 'add_event_organizers_list_view_styles' );\nfunction add_event_organizers_list_view_styles() {\n    if ( tribe_is_event_query() &amp;&amp; tribe_is_list_view() ) {\n        ?>\n        &lt;style>\n            .tribe-events-calendar-list__event-organizers {\n                margin-top: 8px;\n                margin-bottom: 8px;\n                font-size: 0.85em;\n                color: #666;\n                line-height: 1.4;\n            }\n            .tribe-event-organizers-label {\n                font-weight: 600;\n                margin-right: 5px;\n                color: #333;\n            }\n            .tribe-event-organizer-link {\n                color: #0073aa;\n                text-decoration: none;\n                background: #f7f7f7;\n                padding: 2px 6px;\n                border-radius: 3px;\n                margin-right: 3px;\n                display: inline-block;\n                margin-bottom: 3px;\n            }\n            .tribe-event-organizer-link:hover {\n                color: #005a87;\n                background: #e7f3ff;\n            }\n            .tribe-event-organizers {\n                font-style: italic;\n            }\n        &lt;\/style>\n        &lt;?php\n    }\n}\n?>\n<\/pre><\/div>\n\n\n
Showing Categories and Tags<\/h2>\n\n\n\n
By default, List View does not display event categories or tags on each event card. Both can be added using the approaches below.<\/p>\n\n\n\n
Showing Categories<\/h3>\n\n\n\n
There are two approaches. Use whichever fits your workflow best \u2014 both produce similar results.<\/p>\n\n\n\n
Method 1: Action Hook (simpler)<\/h4>\n\n\n\n
Paste this snippet into your child theme’s functions.php<\/code> file. It injects a category list before the venue on each event card, then the CSS styles the categories as pill-shaped tags.<\/p>\n\n\n
\n\/\/ Inject the list of categories before the venue\nadd_action( 'tribe_template_before_include:events\/v2\/list\/event\/venue', function() {\n    global $post;\n    ?>\n    &lt;ul class='tribe-event-categories'>\n        &lt;?php echo tribe_get_event_taxonomy( $post->ID ); ?>\n    &lt;\/ul>\n    &lt;?php\n} );\n<\/pre><\/div>\n\n\n
Add this CSS to Appearance \u2192 Customize \u2192 Additional CSS<\/strong> or your child theme’s stylesheet:<\/p>\n\n\n
\n.tribe-events-calendar-list__event-header {\n    display: flex !important;\n    flex-direction: column !important;\n}\n.tribe-events-calendar-list__event-title { order: 1; margin-bottom: 5px !important; }\n.tribe-events-calendar-list__event-datetime-wrapper { order: 2; margin-bottom: 10px !important; }\n.tribe-event-categories { order: 3; list-style: none; padding: 0; }\n\n.tribe-event-categories li {\n    display: inline-block !important;\n    background: #334aff;\n    padding: 4px 12px;\n    border-radius: 30px;\n    margin: 0 6px 5px 0;\n    font-size: 13px;\n}\n.tribe-event-categories li a {\n    color: #fff !important;\n    text-decoration: none !important;\n    font-weight: 600;\n}\n<\/pre><\/div>\n\n\n
\"List<\/figure>\n\n\n\n
Method 2: Template Override<\/h4>\n\n\n\n
Alternatively, use a template override of event.php<\/code>. Copy the file from:<\/p>\n\n\n
\nwp-content\/plugins\/the-events-calendar\/src\/views\/v2\/list\/event.php\n<\/pre><\/div>\n\n\n
to:<\/p>\n\n\n
\n[your-theme]\/tribe\/events\/v2\/list\/event.php\n<\/pre><\/div>\n\n\n
Then insert the following snippet at line 38, after the closing <\/header><\/code> tag:<\/p>\n\n\n
\n&lt;?php\necho tribe_get_event_categories(\n    $this->get( 'post_id' ),\n    [\n        'before'       => '',\n        'sep'          => ', ',\n        'after'        => '',\n        'label'        => null,\n        'label_before' => '&lt;span>',\n        'label_after'  => '&lt;\/span>',\n        'wrap_before'  => '&lt;p>',\n        'wrap_after'   => '&lt;\/p>',\n    ]\n);\n?>\n<\/pre><\/div>\n\n\n
\"List<\/figure>\n\n\n\n
For more on event categories, see the Event Categories knowledgebase article<\/a>. For template injection as an alternative, see Using Template Filters and Actions<\/a>.<\/p>\n\n\n\n
Showing Tags<\/h3>\n\n\n\n
If you use standard WordPress tags to categorize your events, you can display them as clickable links on each event card. The snippet below automates the process: it creates the necessary template override in your theme folder (once), adds the tag display code, and injects CSS only on List View pages.<\/p>\n\n\n
\n\/**\n * Auto-create template override for event tags in list view\n *\/\nadd_action( 'init', 'create_event_tags_template_override' );\nfunction create_event_tags_template_override() {\n    if ( get_option( 'event_tags_template_created' ) ) {\n        return;\n    }\n\n    $theme_dir     = get_stylesheet_directory();\n    $template_dir  = $theme_dir . '\/tribe\/events\/v2\/list';\n    $template_file = $template_dir . '\/event.php';\n\n    if ( ! file_exists( $template_dir ) ) {\n        wp_mkdir_p( $template_dir );\n    }\n\n    if ( ! file_exists( $template_file ) ) {\n        $template_content = '&lt;?php\n$container_classes = [ \\'tribe-common-g-row\\', \\'tribe-events-calendar-list__event-row\\' ];\n$container_classes[\\'tribe-events-calendar-list__event-row--featured\\'] = $event->featured;\n$event_classes = tribe_get_post_class( [ \\'tribe-events-calendar-list__event\\', \\'tribe-common-g-row\\', \\'tribe-common-g-row--gutters\\' ], $event->ID );\n?>\n&lt;div &lt;?php tribe_classes( $container_classes ); ?>>\n    &lt;?php $this->template( \\'list\/event\/date-tag\\', [ \\'event\\' => $event ] ); ?>\n    &lt;div class="tribe-events-calendar-list__event-wrapper tribe-common-g-col">\n        &lt;article &lt;?php tribe_classes( $event_classes ) ?>>\n            &lt;?php $this->template( \\'list\/event\/featured-image\\', [ \\'event\\' => $event ] ); ?>\n            &lt;div class="tribe-events-calendar-list__event-details tribe-common-g-col">\n                &lt;header class="tribe-events-calendar-list__event-header">\n                    &lt;?php $this->template( \\'list\/event\/date\\', [ \\'event\\' => $event ] ); ?>\n                    &lt;?php $this->template( \\'list\/event\/title\\', [ \\'event\\' => $event ] ); ?>\n                    &lt;?php $this->template( \\'list\/event\/venue\\', [ \\'event\\' => $event ] ); ?>\n                &lt;\/header>\n                &lt;?php $this->template( \\'list\/event\/description\\', [ \\'event\\' => $event ] ); ?>\n                &lt;?php $this->template( \\'list\/event\/cost\\', [ \\'event\\' => $event ] ); ?>\n                &lt;?php\n                $tags = get_the_terms( $event->ID, \\'post_tag\\' );\n                if ( ! empty( $tags ) &amp;&amp; ! is_wp_error( $tags ) ) {\n                    $tags = array_values( array_filter( $tags, function( $term ) {\n                        return $term instanceof WP_Term;\n                    } ) );\n                    if ( ! empty( $tags ) ) {\n                        $tag_links = [];\n                        foreach ( $tags as $tag ) {\n                            $link = tribe_events_get_url( [\n                                \\'tag\\'          => $tag->slug,\n                                \\'post_type\\'    => \\'tribe_events\\',\n                                \\'eventDisplay\\' => \\'default\\'\n                            ] );\n                            if ( ! is_wp_error( $link ) ) {\n                                $tag_links[] = \\'&lt;a href="\\' . esc_url( $link ) . \\'" rel="tag" class="tribe-event-tag-link">\\' . esc_html( $tag->name ) . \\'&lt;\/a>\\';\n                            }\n                        }\n                        if ( ! empty( $tag_links ) ) {\n                            echo \\'&lt;div class="tribe-events-calendar-list__event-tags">\\';\n                            echo \\'&lt;span class="tribe-event-tags-label">\\' . esc_html__( \\'Tags:\\', \\'the-events-calendar\\' ) . \\'&lt;\/span> \\';\n                            echo \\'&lt;span class="tribe-event-tags">\\' . implode( \\', \\', $tag_links ) . \\'&lt;\/span>\\';\n                            echo \\'&lt;\/div>\\';\n                        }\n                    }\n                }\n                ?>\n            &lt;\/div>\n        &lt;\/article>\n    &lt;\/div>\n&lt;\/div>\n';\n        file_put_contents( $template_file, $template_content );\n        update_option( 'event_tags_template_created', true );\n    }\n}\n\nadd_action( 'wp_head', 'add_event_tags_list_view_styles' );\nfunction add_event_tags_list_view_styles() {\n    if ( tribe_is_event_query() &amp;&amp; tribe_is_list_view() ) {\n        ?>\n        &lt;style>\n            .tribe-events-calendar-list__event-tags {\n                margin-top: 8px;\n                margin-bottom: 8px;\n                font-size: 0.85em;\n                color: #666;\n                line-height: 1.4;\n            }\n            .tribe-event-tags-label {\n                font-weight: 600;\n                margin-right: 5px;\n                color: #333;\n            }\n            .tribe-event-tag-link {\n                color: #0073aa;\n                text-decoration: none;\n                background: #f7f7f7;\n                padding: 2px 6px;\n                border-radius: 3px;\n                margin-right: 3px;\n                display: inline-block;\n                margin-bottom: 3px;\n            }\n            .tribe-event-tag-link:hover {\n                color: #005a87;\n                background: #e7f3ff;\n            }\n            .tribe-event-tags { font-style: italic; }\n        &lt;\/style>\n        &lt;?php\n    }\n}\n?>\n<\/pre><\/div>\n\n\n
\ud83d\udc4b Note:<\/strong> If you already have a tribe\/events\/v2\/list\/event.php<\/code> template override in your theme from another customization (such as the organizer or categories sections above), this snippet will not overwrite it \u2014 it checks whether the file exists before creating it. In that case, manually add the tags block to your existing template file instead.<\/p>\n\n\n\n
Display the Event Author<\/h2>\n\n\n\n
The List View shows upcoming events in a vertical list. To add the author’s name there, you can use a Template Override.<\/p>\n\n\n\n
    \n
  1. Copy the file \/wp-content\/plugins\/the-events-calendar\/src\/views\/v2\/list\/event\/title.php<\/code> and paste it to \/wp-content\/themes\/your-theme\/tribe\/events\/v2\/list\/event\/title.php<\/code><\/li>\n\n\n\n
  2. Open the copied file and add this snippet right after the event title code which is after line 31:<\/li>\n<\/ol>\n\n\n
    \n<?php\n$author_id = get_the_author_meta( 'ID' );\n$author_name = get_the_author();\n$author_url = get_author_posts_url( $author_id );\n?>\n\n<p class="event-author">\n    <strong>By:<\/strong> <a href="<?php echo esc_url( $author_url ); ?>"><?php echo esc_html( $author_name ); ?><\/a>\n<\/p>\n\n<\/pre><\/div>\n\n\n
    This will add the author’s name in list view as shown below:<\/p>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    Showing the Event Website URL<\/h2>\n\n\n\n
    The event website URL is not shown in List View by default. To add it, use the following action hook. Note that the Block Editor supports both a website URL and a custom label, while the Classic Editor only supports the URL \u2014 the snippet below handles both cases by reading the label from the Block Editor markup when available, and falling back to “Website URL” otherwise.<\/p>\n\n\n
    \n&lt;?php\nadd_action(\n    'tribe_template_after_include:events\/v2\/list\/event\/description',\n    function ( $file, $name, $template ) {\n        global $post;\n        $content = $post->post_content;\n\n        preg_match( '\/&lt;!-- wp:tribe\\\/event-website {"urlLabel":"(.*?)"} \\\/-->\/', $content, $matches );\n\n        $urlLabel = ( isset( $matches[1] ) ) ? $matches[1] : 'Website URL';\n\n        echo tribe_get_event_website_link( $post->ID, $urlLabel, '_blank' );\n    },\n    10,\n    3\n);\n<\/pre><\/div>\n\n\n
    \"List<\/figure>\n\n\n\n
    In the Block Editor, the website label and URL look like this when editing an event:<\/p>\n\n\n\n
    \"Block<\/figure>\n\n\n\n
    In the Classic Editor, only the URL field is available:<\/p>\n\n\n\n
    \"Classic<\/figure>\n\n\n\n
    Adding a “Read More” Link<\/h2>\n\n\n\n
    By default, List View does not include a “Read More” or “View Event” link separate from the event title. The following snippet adds one after the event description.<\/p>\n\n\n
    \nadd_action(\n    'tribe_template_after_include:events\/v2\/list\/event\/description',\n    function ( $file, $name, $template ) {\n        echo '&lt;a class="list-view-read-more" href="' . tribe_get_event_link() . '">View Event&lt;\/a>';\n    },\n    10,\n    3\n);\n<\/pre><\/div>\n\n\n
    To style the link, add the following CSS to Appearance \u2192 Customize \u2192 Additional CSS<\/strong> or your child theme’s stylesheet and adjust as needed:<\/p>\n\n\n
    \n.list-view-read-more {\n    background-color: #000;\n    color: #fff;\n    padding: 10px 15px;\n    border-radius: 3px;\n    text-decoration: none;\n}\n\n.list-view-read-more:hover {\n    background-color: #fff;\n    color: #000;\n}\n<\/pre><\/div>\n\n\n
    Customizing the Event Description<\/h2>\n\n\n\n
    Hiding the Description<\/h3>\n\n\n\n
    To hide the event description entirely in List View, add the following CSS to Appearance \u2192 Customize \u2192 Additional CSS<\/strong> or your child theme’s stylesheet. If you are using a caching plugin, clear your cache after saving.<\/p>\n\n\n
    \n.tribe-events-calendar-list__event-details .tribe-events-calendar-list__event-description p {\n    display: none;\n}\n<\/pre><\/div>\n\n\n
    \"List<\/figure>\n\n\n\n
    <\/figure>\n\n\n\n
    Controlling the Excerpt Length<\/h3>\n\n\n\n
    By default, TEC uses the event’s excerpt field when rendering the description in List View. There are two ways to control the length.<\/p>\n\n\n\n
    Method 1: Template Override<\/h4>\n\n\n\n
    For precise control over word count and HTML stripping, override the description template. Copy the file from:<\/p>\n\n\n
    \nwp-content\/plugins\/the-events-calendar\/src\/views\/v2\/list\/event\/description.php\n<\/pre><\/div>\n\n\n
    to:<\/p>\n\n\n
    \n[your-child-theme]\/tribe\/events\/v2\/list\/event\/description.php\n<\/pre><\/div>\n\n\n
    Open the copied file and replace the line:<\/p>\n\n\n
    \n&lt;?php echo (string) $event->excerpt; ?>\n<\/pre><\/div>\n\n\n
    with:<\/p>\n\n\n
    \n&lt;?php\n    \/\/ Get the full content of the event post\n    $full = get_the_content( null, false, get_the_ID() );\n\n    \/\/ Strip all HTML tags to prevent markup issues\n    $plain = wp_strip_all_tags( $full );\n\n    \/\/ Trim to 20 words, appending "..." if longer\n    echo wp_trim_words( $plain, 20, '...' );\n?>\n<\/pre><\/div>\n\n\n
    Change 20<\/code> to your preferred word count. Event descriptions longer than that number will be truncated; shorter ones will display in full.<\/p>\n\n\n\n
    Method 2: The excerpt_length Filter<\/h4>\n\n\n\n
    For a simpler code-only approach that applies globally (not just List View), add this to your functions.php<\/code> file:<\/p>\n\n\n
    \nadd_filter( 'excerpt_length', function ( $length ) {\n    return 20; \/\/ Change 20 to the number of words you want to display.\n}, 99 );\n<\/pre><\/div>\n\n\n
    Displaying Additional Fields Next to the Title<\/h2>\n\n\n\n
    With Events Calendar Pro<\/a>, you can add custom Additional Fields to events and display their values alongside the event title in List View using a template override of the title template.<\/p>\n\n\n\n
    Copy the file from:<\/p>\n\n\n
    \nwp-content\/plugins\/the-events-calendar\/src\/views\/v2\/list\/event\/title.php\n<\/pre><\/div>\n\n\n
    to:<\/p>\n\n\n
    \n[your-child-theme]\/tribe\/events\/v2\/list\/event\/title.php\n<\/pre><\/div>\n\n\n
    Replace the contents with the following, adjusting 'Artists'<\/code> to match your Additional Field name:<\/p>\n\n\n
    \n&lt;h3 class="tribe-events-calendar-list__event-title tribe-common-h6 tribe-common-h4--min-medium">\n    &lt;a\n        href="&lt;?php echo esc_url( $event->permalink ); ?>"\n        title="&lt;?php echo esc_attr( $event->title ); ?>"\n        rel="bookmark"\n        class="tribe-events-calendar-list__event-title-link tribe-common-anchor-thin"\n    >\n        &lt;?php\n        \/\/ phpcs:ignore\n        echo $event->title;\n\n        \/\/ Fetch all custom fields and their values for this event.\n        $fields = tribe_get_custom_fields( $event->ID );\n\n        \/\/ If there is an "Artists" field, print its value.\n        if ( ! empty( $fields['Artists'] ) ) :\n            echo ' ' . esc_html( $fields['Artists'] );\n        endif;\n        ?>\n    &lt;\/a>\n&lt;\/h3>\n<\/pre><\/div>\n\n\n
    \"Block<\/figure>\n\n\n\n
    \"List<\/figure>\n\n\n\n