ThemeForest best selling themes

How to add Pagination Functionality to Shortcodes Ultimate Plugin ?

by | Feb 1, 2020 | Development, Softwares, Tips and Tricks, Wordpress | 37 comments

How to add Pagination Functionality to Shortcodes Ultimate Plugin ?

HURRAY ! WE HAVE FIX FOR LATEST VERSION OF SHORTCODES ULTIMATE PLUGIN  : CLICK HERE

Shortcodes Ultimate Pagination Latest Version FIX

BELOW FIX WORKS UPTO VERSION 4.10.2 of SHORTCODES ULTIMATE PLUGIN

Recently, while i was working for one of my client using Shortcodes Ultimate plugin, i noticed that this plugin is missing a pagination feature for the posts.

The blog section of the website was just displaying the posts using the below shortcode

[su_posts template="templates/default.php" posts_per_page="6" tax_operator="0" order="desc"]

As it was clearly written on the Shortcodes Ultimate Documentation that pagination is not supported, so i decided to tweak the plugin so that i can get the pagination functionality.

Shortcodes Ultimate Documentation Official showing that PAGINATION is not supported

Shortcodes Ultimate Documentation Official showing that PAGINATION is not supported

So if you need to add pagination using SHORTCODES ULTIMATE plugin, you have to follow the below steps:

    1. Open File Manager or use FTP client and navigate to “wp-content/plugins/shortcodes-ultimate/inc/core”.
    1. Open shortcodes.php and then download the modified file and replace shortcodes.php with it.
    2. Download the navigation code and paste it in your theme functions.php.
    3. Create a folder called ‘templates‘ in your activated theme, preferably in your child theme and upload this file in that.
    4. Now use the shortcode 
      [su_posts template="templates/default.php" posts_per_page="6" tax_operator="0" order="desc"]

If you are still facing issues, you can contact me here ,i will be happy to help you.

Do not forget to leave your comments.

Cheers

Spread the love
  • 3
  •  
  •  
  •  
  •  
    3
    Shares

  1. Amrinder
    Amrinder on April 20, 2017 at 9:59 am

    Leave your comments and feedback guys.

    Reply
    • Stefan Koch
      Stefan Koch on June 18, 2017 at 11:24 am

      Hi Amrinder,
      your code works wonderfull. I was looking for this solution for a long time. The pagination (page numbers) and the previous page link are displayed correctly, but I have problems with the function for the next page link (get_next_posts_link), this is not displayed! Can you tell me what i did wrong?
      Best regards
      Stefan

      Reply
      • Amrinder
        Amrinder on June 18, 2017 at 12:06 pm

        Hello Stefan,

        Thanks for trying it out and i am glad it fixed your problem.

        Can you try to modify functions.php code you downloaded above and then at the very bottom replace the “get next posts” function with this code

        /** Next Post Link */
if ( get_next_posts_link() )
printf( '<li>%s</li>' . "\n", get_next_posts_link('<i class="fa fa-chevron-right" aria-hidden="true"></i>',$max) );
echo '</ul></div>' . "\n";

        Let me know if your problem is solved.

        Cheers !

        Reply
        • Stefan Koch
          Stefan Koch on June 18, 2017 at 1:27 pm

          Hey Amrinder,
          thanks for the fast respond on sunday 🙂
          I have the functions.php modified to two WordPress installations (test versions) – unfortunately without success. The next-page function is still not displayed.
          Cheers!
          Stefan

          Reply
          • Amrinder
            Amrinder on June 18, 2017 at 2:08 pm

            Hello Stefan

            You can remove the if statement check at the bottom of the navigation code you placed in functions.php
            Check the updated code below:
            Remove thisif ( get_next_posts_link() )

            /** Next Post Link */
printf( '<li>%s</li>' . "\n", get_next_posts_link('<i class="fa fa-chevron-right" aria-hidden="true"></i>',$max) );
echo '</ul></div>' . "\n";

            Let me know if the problem still persists.

            For further assistance, you can contact me with the test website credentials. I will look into that and will let you know how to go about it.
            https://www.developingsense.com/contact-us/

            Cheers !

  2. Stefan Koch
    Stefan Koch on June 18, 2017 at 4:27 pm

    Hello Amrinder,
    now it works wonderfull – thank you very very much for your help 🙂
    Best regards
    Stefan

    Reply
  3. jose
    jose on July 15, 2017 at 5:44 am

    is a great contribution

    Reply
  4. Dariusz
    Dariusz on August 15, 2017 at 10:58 pm

    Hi,
    Good job! It works very well… the only problem I have is that the current page is not marked on the pagination. Did I missed something during the installation?
    Thank you.

    Reply
    • Amrinder
      Amrinder on August 16, 2017 at 11:35 am

      Hello Dariusz,

      Thanks for the appreciation.
      With the code on functions.php it will add class “active” on the li tags. So, i guess you need to give it a bit of css. Add this to your custom css file in the active theme.
      For example:

      .pagination ul li.active a {
      color: #fff;
      background: #178793;
      }

      This will give styling and will display the current page. Let me know if this fixes your problem.
      You can Contact me. if your problem persists with your site url.

      Reply
  5. eksel
    eksel on November 1, 2017 at 9:06 pm

    Thanks for you help, Jha Bless!

    Reply
  7. razmanwf158340215
    razmanwf158340215 on March 5, 2019 at 4:00 am

    Hi Amrinder, Great tutorial, but I think you should update it. Latest Shortcodes Ultimate plugin doesn’t have shortcodes.php file?

    Reply
  9. Amrinder
    Amrinder on June 17, 2019 at 10:14 pm

    Glad it worked for you.

    Reply
  10. Murilio
    Murilio on June 19, 2019 at 5:48 pm

    Hello, good morning, is not getting the current version of shortcodes, do you have any updates?

    Reply
  11. Michelle
    Michelle on December 20, 2019 at 4:33 pm

    Hey,

    the latest version of this plugin dont have a shortcodes.php file. Do you have a new solution?

    Reply
  12. Cee
    Cee on January 9, 2020 at 3:03 am

    Hi Amrinder,
    any news about how to implement your pagination functionality tweak for the latest Version (5.6.2)?
    Thnx
    Cee.

    Reply
  13. Crhis
    Crhis on January 30, 2020 at 1:20 pm

    Hello Amrinder.In wp-content/plugins/shortcodes-ultimate/inc/core there is no shortcodes.php file take a look here https://prnt.sc/quwz6p.Thanks

    Reply

Leave a Reply