Grouped list view with dynamic heading

  • Hello,

    I would like to show a grouped list view of my events on the “Events” page, sorted by month and titled “Events in [here month] 2023”.


    In an older version I was able to get this to work with the settings. Now in 6.3 this is not taken over. The Title is only “Events”.

    What is the reason for this? Or am I doing something wrong? Please see screenshot:

    • This topic was modified 1 year, 10 months ago by cede007.
Viewing 12 replies - 1 through 12 (of 12 total)

  • You’re correct, looks like a bug in the plugin. The format for the group list header is:

    <h2>#s</h2>

    And it says:

    Choose how to format your group headings. #s will be replaced by the date format below

    But there is no place to specify the date format.

    Thread Starter cede007

    (@cede007)

    In the older version (6.1.2) there is no field for this either. But it works in 6.1.2.

    The only difference is the order of the fields. Here is a screenshot from the older version:

    Thread Starter cede007

    (@cede007)

    Once the code says “list”, once “list-grouped”. Maybe my error after all?

    Version 6.3:

    <h1 class="entry-title main_title">Veranstaltungen</h1>
<div class="entry-content">
<div id="em-wrapper" class="em">
<p></p>
<div class="em em-view-container" id="em-view-1785238602" data-view="list">
<div class="em-list em-events-list size-large" id="em-events-list-1785238602" data-view-id="1785238602">
<div class="post">
<table cellpadding="0" cellspacing="0" class="events-table">
<tbody class="eventlist-body"><tr class="events-row">
			<td class="event-time">

    Version 6.1.2:

    <h1 class="entry-title">Veranstaltungen</h1>
<div class="post-content entry-content">
							<div id="em-wrapper" class="em">
<p></p>
<div class="em em-view-container" id="em-view-1722521963" data-view="list-grouped">
<div class="em-list em-events-list em-events-list-grouped size-large" id="em-events-list-grouped-1722521963">
<h2 class="event-header">Veranstaltungen im Mai 2023</h2><div class="post">
<table cellpadding="0" cellspacing="0" class="events-table">
<tbody class="eventlist-body"><tr class="events-row">
			<td class="event-time">

    Thread Starter cede007

    (@cede007)

    I have solved it now: I had to select “grouped lists” as default view in the search form formatting setting. Unfortunately, I don’t know why. I read it in another thread, it was about something else.

    Now I have my headings, but the next problem: there is no link to the next page if there are more events than fit on one page. Any idea?

    Are you using a shortcode or are you using the main event page. I’m using the main page and I set the limit on events per page to 14 (in settings). When I select “Grouped Lists” I do see the paging links at the bottom. Are you only seeing this problem after you modifed the formatting?

    Thread Starter cede007

    (@cede007)

    I now see the other page links, but when I click on them, there is a spinning wheel and the page is not called. I’m working without shortcuts so far, with the normal settings.

    See the following thread with a fix fox this problem: https://www.ads-software.com/support/topic/ajax-paging-fails-on-default-events-page/#post-16682303

    This involves editing a plugin file so it will get overwritten in the next release. But hopefully this will be fixed in the next release.

    Thread Starter cede007

    (@cede007)

    Great, thank you! Good that at least one knows his way around here ??

    Thread Starter cede007

    (@cede007)

    One question: when I get to the next page, the new page does not scroll up, but stays at the bottom with the page numbers. Is this due to my settings or can this still be included in the code?

    You would have to modify the javascript file events-manager/includes/js/events-manager.js

    Line 2392 looks like this:

    jQuery(document).triggerHandler('em_page_loaded', [view]);

    Add the following line after line 2392 and it will scroll to the top after you get to the next page:

    window.scrollTo(0,0);

    You would also need to update events-manager.min.js. If you don’t know how to minify javascript you could just copy events-manager.js to events-manager.min.js. To minify the javascript file open it in notepad and then copy and paste into the following website: https://skalman.github.io/UglifyJS-online/

    This will generate a minified version that you can save at events-manager.min.js

    These changes will get overwritten if you install a new version of Events Manager.

    • This reply was modified 1 year, 10 months ago by joneiseman.
    Thread Starter cede007

    (@cede007)

    Great, thank you! That works wonderfully!

    Now, of course, it would be great if I didn’t always have to re-enter this after each update. I’ll have a look around to see if I can find something to execute this code “from the outside”, i.e. not from the plugin.

    Thread Starter cede007

    (@cede007)

    Hello again,

    I made the change for pagination to functions.php and it works. now I noticed that when I’m on the 2nd page for example and want to go back to the first page, the error occurs here again, so when I click on the 1 or the left arrow, the wheel turns and the first page does not appear. I hope you can help me there?

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Grouped list view with dynamic heading’ is closed to new replies.