Posted: 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! |
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/ |
|
|
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! |
Hi Vanessa, Can you post a link to where this is happening so we can investigate? |
|
|
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! |
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. |
|
|
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. |
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. |
|
|
Is there an ETA on when this feature will be fixed? Appreciate your responses Josh! |
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. |
|
|
Hi, $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(){ |
|
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.