[Support request] Issue with Ajax Pagination

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Issue with Ajax Pagination

Viewing 15 posts - 1 through 15 (of 21 total)
  • Author
    Posts
  • #17227
    Alan
    Participant

    I set up a list using Ajax pagination with 9 posts per page. When I click on the “Load More” button, the “Learn More” text for each of the subsequent groups of 9 posts appears outside of the button, and the button size is greatly reduced.

    Additionally, the amount of space between the photo and Entry Title is not consistent for each post. You can see the page on my staging site here https://savacaystage.wpengine.com/destinations/amazon-tours-cruises/. Any suggestions on how to correct?

    #17237
    Tom
    Keymaster

    That’s strange. I assume the image issue is because of lazy loading – what plugin are you using for that?

    Never seen the read more issue – it’s completely changed the HTML. Can you try deactivating your other plugins to see if something is conflicting?

    #17277
    Alan
    Participant

    Tom:

    I am using BJ Lazy Loading, but that was not the cause of the problem. It was Handl UTM Grabber plugin, which I use for conversion tracking on my live site. With that deactivated, he first issue is resolved. Any thoughts on how to correct the spacing issue between the photo and entry title?

    Also, how can I change the color of the “Load More” button globally for all lists?

    Thanks,

    #17281
    Tom
    Keymaster

    Hi there,

    Try this:

    .wpsp-content-wrap .wp-show-posts-entry-header {
        margin-top: 0;
    }

    As for the read more buttons – do you want to use that one style everywhere, or do you want the WPSP buttons to inherit your theme-styled buttons?

    #17283
    Alan
    Participant

    Tom:

    Just to be clear, we are talking about the Ajax “Load More” button, which loads (in my case) nine additional posts every time it is clicked. Styling it similar to the Blog “Load More” label would be fine. You can see the blog here https://savacaystage.wpengine.com/blog/.

    The spacing issue is resolved…

    #17300
    Tom
    Keymaster

    Ah, that button is inhering the styling from your theme (GeneratePress).

    If you need to change it, you’d need to:

    a) Change the styling of buttons in the theme Customizer
    b) Use CSS to manually adjust it as neeeded:

    .load-more .button {
        background-color: #000;
        color: #fff;
        /* etc.. */
    }
    #17318
    Zdeněk
    Participant

    Hi Tom,
    I would like to customization Load more button, but I can’t do it. There are no options in plugin settings. If I change colors in Global Theme Customizer (Colors/Buttons) – I use GeneratePress – no change.
    I would also like to change the content of the button. Please advise me how to proceed or what specific css file to change. Thanks a lot.

    #17324
    Tom
    Keymaster

    This button is using standard GP styles, so the Customizer should definitely work: https://www.screencast.com/t/eXEpSgTwlE6J

    You can adjust the text like this:

    add_filter( 'wpsp_ajax_load_more', function() {
        return 'Load more';
    } );
    
    add_filter( 'wpsp_ajax_loading', function() {
        return 'Loading';
    } );
    #17340
    Zdeněk
    Participant

    I tried it again in Customizer, but no changes: htts://www.mestopacov.cz/upload/button.mp4

    I’m sorry, but I’m a self-taught beginner, can you please explain in detail where to paste the code:

    add_filter( ‘wpsp_ajax_load_more’, function() {
    return ‘Load more’;
    } );

    add_filter( ‘wpsp_ajax_loading’, function() {
    return ‘Loading’;
    } );

    Thanks in advance.

    Zdenek

    #17343
    Zdeněk
    Participant

    OK, problem with changing language solved. I edited wp-show-posts-pro.php file with your code.

    The only problem now remains – customization colors.

    Thx.

    #17348
    Tom
    Keymaster

    That code should be added using one of these methods: https://docs.wpshowposts.com/article/adding-php/

    As for the colors, can you confirm that the options in Customize > Colors > Buttons don’t change the button color?

    #17369
    Zdeněk
    Participant

    Yep, when i try change colors in Generatepress Theme – Customizer (Customize/Colors/Buttons) – no change. See video here: https://youtu.be/LYViXEqymGg

    thx.

    #17383
    Tom
    Keymaster

    Ah, that’s not a GP button, that’s a WPSP button. It should inherit the colors you have an in the read more button styling of that list.

    In your list settings, find the button class option (https://docs.wpshowposts.com/article/content-overview/) and give it this class: button

    That will make it use the GP button styles.

    #17398
    Zdeněk
    Participant

    I really don’t know what I’m doing wrong 🙁 https://youtu.be/ghaKupU0KXI

    • This reply was modified 3 weeks ago by Zdeněk.
    #17407
    Tom
    Keymaster

    Which page can I see that button on? Not able to find it.

Viewing 15 posts - 1 through 15 (of 21 total)
  • You must be logged in to reply to this topic.