Support

Home Forums Event Espresso Premium Pager for events

Pager for events

Posted: April 9, 2013 at 3:47 pm


Vanessa Chu

April 9, 2013 at 3:47 pm

I just installed my business license of EE. I want a pager for my event list so that it doesn’t display all the events on one page. According to this post: https://eventespresso.com/forums/2012/05/pager-for-all-events-on-different-pages/  a pager functioanlity was getting added to the [event_list] shortcode. But I can’t find any documentation about this. Can you please let me know how I can get a pager to work. Thanks!


Jonathan Wilson

April 9, 2013 at 5:56 pm

Hi Vanessa,

You can add pagination to you event list by using this shortcode:

[EVENT_LIST events_per_page=10]

More info here: https://eventespresso.com/wiki/shortcodes-template-variables/


Vanessa Chu

April 16, 2013 at 1:42 pm

Hi Jonathan, I tried the shortcode you suggested to get the pagination, but it appears it’s broken. I have EE installed on a fresh copy of Twenty Eleven. The pager works when you first load the page and then click to the second page, but once you are on the second page, you can’t page back to the first. It just refreshes the current page. I do not have any other plugins installed except EE, EE Calendar, and EE social media. Can you please look into this? Appreciate a fix. Thanks!


Josh

  • Support Staff

April 17, 2013 at 10:45 am

Hi Vanessa,

Can you post a link to where this is happening so we can investigate?


Vanessa Chu

April 18, 2013 at 1:25 pm

Josh, can you go to http://gvvancouver.ca and login using:

*** moderated *** please do not post admin level credentials here. this is a public forum

You will see the site. I’m using Woothemes’ Canvas theme. You’ll see the pager works on the homepage when you flip to the second page, but once on the 2nd page, the pager doesn’t go back to the first page. I tested this on Twenty Eleven as well, and it does the same thing. I’ve tested on both Safari, FF and Chrome. The pager doesn’t work on any of those browsers. Appreciate if you can apply a fix to this. Thanks!


Josh

  • Support Staff

April 18, 2013 at 4:43 pm

Hi Vanessa,

It looks like this is the code that’s causing the issues:

<!-- Place somewhere in the <head> of your document -->
<link rel="stylesheet" href="http://gvvancouver.ca/wp-content/themes/gvvancouver/flexslider.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="http://gvvancouver.ca/wp-content/themes/gvvancouver/jquery.flexslider.js"></script>
<!-- Place in the <head>, after the three links -->
<!--<script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider({
          animation: "slide",
          controlsContainer: ".flex-container"
    });
  });
</script>--> 

<script type="text/javascript">
    $(function(){
      SyntaxHighlighter.all();
    });
    $(window).load(function(){
      $('.flexslider').flexslider({
        animation: "slide",
        animationLoop: false,
        itemWidth: 210,
        itemMargin: 5,
		controlNav: true,               //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
		directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
		prevText: "Prev",           //String: Set the text for the "previous" directionNav item
		nextText: "Next",
        controlsContainer: ".flex-container"
      });
    });
  </script>

There’s a few things that this block of code is doing wrong. If you remove it the pager will likely work again.


Vanessa Chu

May 1, 2013 at 11:36 am

Hi Josh, I tried removing the code suggested but the pager is still broken. In fact, if I switched to a fresh copy of Twenty Twelve, the pager still doesn’t work. I’ve also deactivated all plugins and it has not helped. Appreciate if you could look into this.


Josh

  • Support Staff

May 1, 2013 at 12:58 pm

Hi Vanessa,

We did find a related bug with the paginated event list shortcode parameter and sent a ticket to the developers to fix. What happens is the pagination will display okay, but once you’re on page two, the pagination buttons do not work.


Vanessa Chu

May 1, 2013 at 12:59 pm

Is there an ETA on when this feature will be fixed? Appreciate your responses Josh!


Josh

  • Support Staff

May 1, 2013 at 3:46 pm

Hi Vanessa,

There is no ETA on a fix as the ticket has not been assigned to a milestone or a developer yet. In the meantime I can suggest to not use the pagination feature.


Sidney Harrell

May 6, 2013 at 12:49 pm

Hi,
We have developed a fix for this problem, but it is still in testing phase right now. If you wish to try the fix out for yourself, and maybe give us some feedback on how it works for you, you can make the following modifications:
In scripts/pagination.js, find the following line (should be line 12):

$jaer('.event_paginate').on('click',function(event){

and change it to:

$jaer('#event_wrapper').on('click', '.event_paginate', function(event){

Then in scripts/espresso_cart_functions.js, find the following, (should be line 112):

 jQuery('.ee_add_item_to_cart').on('click',function(){

and change it to the following:

jQuery('#event_wrapper').on('click', '.ee_add_item_to_cart',function(){


Vanessa Chu

May 6, 2013 at 3:06 pm

Thanks. I made the changes as you’ve posted and the pagination does work now. Appreciate the fix!

The support post ‘Pager for events’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso