craigramsay

Hi. Unfortunately the plugin won’t work well with your current markup. The issue with the two column layout is that you have wrapping divs on each row. So on a desktop screen each row has two posts which are contained in the following markup:

<div class="row">
<div class="col-md-6" data-paginator-count="1"></div>
<div class="col-md-6" data-paginator-count="1"></div>
</div>

The solution is to rework the html so that you don’t have the row wrapper and the posts just wrap round the page, using floats if necessary.

The plugin when adding new posts targets the last post on the page and with your current setup this will always be in the right hand column hence why that gets filled up.

Good stuff. Glad you’ve managed to get things sorted.

Thanks

It will with your template. However as I said none of your pages load the plugin javascript file so it won’t work.

You look like you build your js into a few files but there is no js for the plugin included.

Looking at Chrome Dev tools your site doesn’t load the plugins folder at all.

Hi,

Have you saved any settings? The plugin isn’t loading on your site so I can’t test properly until it is.

Can you try the following settings:

Posts Selector: .grid-base-int
Post Selector: li
Navigation Selector: .paginacao
Next Selector: .paginacao .page-numbers a.next

Fixed in version 1.1.0

Fixed directly with user.

I’m glad you like the plugin and sorry I can’t help out further. I hope you can get things fixed and carry on using it.

Thanks

I see, the script would need to run in the footer as it needs to locate the correct selectors and navigation in order to know where to add the new posts and to replace the navigation.

I’ve had a look and I can see it’s trying to load the new posts but doesn’t advance the page.

Could you email me at [email protected] to discuss please.

All JavaScript is wrapped in an Immediately Invoked Function so you could call this to set up the the pagination again. It does expect jQuery to be passed as a parameter though.

<script>
MalinkyAjaxPaging(jQuery);
</script>

The plugin should work with any theme. If you can provide a url for your site or a theme demo url I’ll be glad to help.

Thanks

Hi, Can you send a link to theme so I know I’m looking at the correct example.

There’s a video here showing how to set up the plugin.

https://www.wordpress-ajax-pagination.com/set-up

Thanks

Fixed

Fixed in latest update

Fixed