Questions tagged [infinite-scroll]

Infinite Scroll allows a web page to load new content dynamically as a user reaches the bottom of the current page.

Filter by
Sorted by
Tagged with
0
votes
0answers
87 views

Infinite scroll without plugin using ajax

I've created an infinite scroll without using any plugin to achieve the objective. The problem is that the bootstrap masonry cards grid are loading all the posts cards at the first scroll or will load ...
0
votes
1answer
27 views

On scrolling showing intervesion error in chrome console

When I scroll the page in chrome it show the intervention error. I tried adding various script like window.addEventListener("mousedown,wheel", handleMouseDown, { passive: false}); but unable to fix ...
0
votes
0answers
18 views

Infinite Scroll Post Showing out of sequence and wrapper

Just testing my search results page and saw some weird behavior here https://gnarlington.net/?post_type=photographs&s=san+francisco The last post that loads in from jetpack's infinite scroll ...
0
votes
2answers
46 views

Remove Jetpack infinite-wrap

I'm trying to remove the infinite-wrap class jetpack adds to posts with infinite scroll turned on because I want to add infinitely loaded posts to a gridded layout. I found the article here that says ...
0
votes
0answers
13 views

How to decide the next post to load when using infinite scroll?

I want to add infinite scroll. But I do not want to show random posts/latest posts/most viewed post. But I want to show the posts from certain category/tag. How can I do that. I am very naive in ...
1
vote
0answers
168 views

Using infinite scroll ajax load more with search parameter

I have a infinite scroll working on my wordpress site. It works perfectly well on category pages, e.g. example.com/example however it doesnt work when I try to use it on a search page, e.g. ...
1
vote
1answer
539 views

Ajax Infinite Scroll In Custom WP_Query Loop Not Working

I have set up a custom WP_Query loop for a page template. I am implementing an infinite scroll method via ajax, and the call is successful, but for some reason I cannot get the query to like the paged ...
3
votes
2answers
5k views

Wordpress Infinite Scroll without using any plugin

Background information can be skipped. I wanted to use the infinite scrolling option on my Wordpress theme, but I am not well trained in Javascript so I tried this solution: https://wptheming.com/...
0
votes
1answer
102 views

Exclude Post Type from Jetpack Infinite Scroll

I'm using the Underscores theme which comes with the following (very) handy code in inc/jetpack.php add_theme_support( 'infinite-scroll', array( 'container' => 'main', 'render' => '...
0
votes
2answers
527 views

How to count posts in loop with infinite scroll?

on my index.php I display all my posts with infinite scroll. Before the WP loop I added a $counter, which counts up with every post. But if the infinite scroll loads new posts, the counter will be ...
-2
votes
2answers
69 views

How do I get both horizontal and vertical scroll bars in an HTML texbox

I have an issue that I can find how to setup vertical scroll-bars but not horizontal scrollbars. A couple of demos are at: https://www.w3schools.com/TagS/tag_textarea.asp https://stackoverflow.com/...
1
vote
1answer
709 views

how to get jetpack's infinite scroll to work with woocommerce?

I am trying to get Jetpkack's infinite scroll to work with the WooCommerce product archive template. I have added the following code to my theme, after installing Jetpack, and I do see the sticky ...
0
votes
0answers
241 views

Infinite scroll doesnt work

Im making my own custom type post page, and I wanted to add a Infinite scroll with http://imakewebthings.com/waypoints/ Im added all from examples, and that doesn't work and on developer console, I ...
0
votes
1answer
346 views

Infinite scroll function for Twenty Seventeen

It doesn't look like the Twenty Seventeen theme supports Infinite Scroll, and adding support doesn't work either if I add the following to functions.php: add_theme_support( 'infinite-scroll', array( ...
0
votes
1answer
386 views

Jetpack Infinite Scroll - changing number of posts

Problem: Unable to change number of posts on Jetpack Infinite Scroll Desired Result: Load 10 posts per infinite scroll instead of default 7 Theme: Twenty Fifteen (Child) Tried: 1) Looking for a ...
1
vote
0answers
122 views

Changing sort order for presentation by Jetpack infinite scroll

I have been able to use WordPress filters for posts_join_paged, posts_where, and posts_orderby to create a query that presents a set of artists where only artists who have a last name listed in the ...
0
votes
1answer
852 views

Waypoints + infinite scroll with custom query

I am trying to infinite scroll posts on a wordpress page (called "News"). I have a simple custom query: <?php $args=array( 'post_type' => 'post', 'posts_per_page' =&...
0
votes
1answer
101 views

Infinite Scroll

I am trying to add infinite scroll functionality into my Wordpress theme. I started my exploration of infinite scroll in Wordpress by going here and here. My question is, I don't understand the ...
0
votes
0answers
1k views

hide load more button if there are no posts left to display

I added a load more button with the plugin "easy load more" (https://wordpress.org/plugins/easy-load-more/). The button is working perfectly except that it will still show up even if there are no ...
1
vote
1answer
2k views

Help add ajax load more button

I'm trying to add the plugin "Easy Load More" to my theme (https://wordpress.org/plugins/easy-load-more/). You are supposed to wrap it in <div id="ajax"> and then place <?php ...
2
votes
1answer
613 views

Adding LazyLoad and InfiniteScroll to Wordpress Theme

I would like to add both the LazyLoad and InfiniteScroll jQuery plugins to my Wordpress Theme. They both work well when used by themselves, but when i use them together the LazyLoad Plugin doesn't ...
1
vote
1answer
127 views

How to add infinite scroll?

My front page is set up so that I have a loop of 3 different rows. On row 1 I have one post, and then on row 2 and 3 I have 3 posts. I repeat this loop twice so I have 14 posts. After 14 posts I ...
0
votes
0answers
272 views

Jetpack Infinite Scroll Not Working

The infinite scroll works well when I'm on my localhost. It also works when I install my theme to my website to test. But when I install the theme on my client's WP installation, it doesn't work any ...
1
vote
1answer
296 views

Jetpack infinite scroll not working on twentysixteen custom theme

I duplicated twentysixteen theme and only changed the name of the folder and the name of the theme in style.css. I then added in functions.php : function twenty_sixteen_infinite_scroll_init() { ...
0
votes
1answer
123 views

Call full image url instead of stylsheet directory url in JS for Infinite Scroll Function

Can`t figure out how to call the gif image with a full url (for example: http:// urltoimage .com/test.gif) instead of the stylsheet directory url (obj_test.stylesheet_directory_uri + '/img/ajax-loader....
1
vote
1answer
1k views

How to create infinte scroll in wordpress for blog and custom post type

How to create infinite scroll in wordpress for blog and custom post type. I have tried jetpack infinite scroll but its not working on custom wordpress page template for custom post type. I looked at ...
0
votes
2answers
486 views

Problem with infinite scroll on multisite with custom query

I have a WordPress Multisite that uses a special query that combines all the posts on the network and uses the main site to display all posts in the network. Anyway, I would like to have my site use ...
0
votes
1answer
560 views

Load next post by ID on a single page

I hope this topic is not duplicated. I see some similar topics but non of them can solve my problem, so I decided to put a new one. Here's the case. I have a single.php post with the defualt ...
1
vote
0answers
293 views

Infinite Scroll and DFP

Well , I'm trying the next loop to make work DFP in an Infinite Scroll. I thought that if I change the name of the Slot I could get the banner shown, so I tried this: <!-- DFP Controller --> ...
-1
votes
1answer
867 views

Jetpack Infinite Scroll, Isotope and ImagesLoaded

I'm trying to build grid with Infinite scroll and Isotope. I'm using also ImagesLoaded plugin for images which overlaps each other. The problem is I still get images overlap even that I triggered ...
2
votes
1answer
1k views

Isotope with Infinite Scroll

Using Jetpack Infinite Scroll & Isotope (Masonry). I am facing an issue where after every new ajaxed set of posts, I need to destroy and then build isotope layout. If I don't go with this ...
0
votes
1answer
38 views

Pagination, query more pages at once

I'm wondering if it is possible to do such thing on Wordpress, I have an infinite scroll to display my posts, I'm keeping track the pages updating the url: mypage.com/news/?pag=3 and I have a code ...
1
vote
0answers
103 views

Init plugin again after ajax call finish

We have this website that the navigation between pages work with ajax. in the blog page we use this great plugin to make the ajax load-more posts. all works great but the problem is that when you ...
3
votes
1answer
972 views

Custom Loop and Infinite Scroll

I am using customized version of _s theme where I have Product CPT. In the following files, I need to use Infinite scroll (provided by Jetpack) - archive-products.php taxonomy-[tax-name].php ...
0
votes
1answer
285 views

Update Gallery Randomly in every hour with no duplicates?

I need to order by rand with no duplicates and update my galley in every hour on WordPress. Check the code bellow. This is what I want, ( PHP , MySQLi ): <?php include ("connect-sqli....
0
votes
0answers
35 views

Editing the source of a display for posts (to category recent)

I am trying to modify a piece of code that right now just pulls posts that have been selected in admin. The goal is to get rid of that source (I don't want to select posts), and just display posts ...
1
vote
0answers
1k views

'Lazy loading' list of posts with pagination

I have reading settings set to show 30 posts per page, and what I'd like to do is show half of the list of posts and then 'lazy load' the remaining half on scroll. I've checked out some the available ...
0
votes
1answer
192 views

Adding unique marketing messages between certain products whilst using isotope/Infinite Scroll

I am currently using WooCommerce to display a list of products using the following loop to enable the post-type "product" be displayed and allow for pagination so I can use Infinite Scroll to smoothly ...
0
votes
1answer
590 views

Why doesn't global $wp_query not get hooked?

I have a plugin that helps me to make lazy loading on posts of a custom post type. The idea is to add an action to the template_redirect/init and get data from the global $wp_query to make jquery ...
1
vote
0answers
347 views

infinite-scroll for 2 fixed height containers

I have 2 fixed height columns for 2 different post-types. The goal is to get the infinite-scroll to work in both containers. I know that the JetPack infinite-scroll container parameter uses ID value ...
0
votes
2answers
1k views

Passing PHP Variables to AJAX Loaded Pages

I have a blog that shows 9 blogs posts per page, with each additional page of blog posts automatically added using the Infinite Ajax Scroll plugin. Every time a blog post is successfully queried the ...
0
votes
1answer
2k views

Jetpack Infinite Scroll won't fire [closed]

I have carefully followed the instructions at OttoPress, and read all the documentation at Jetpack.me. I feel like I understand what should work, but for some reason Infinite Scroll is not firing. I ...
2
votes
1answer
2k views

Add Infinite Scroll to Ajax Loaded Category Query

Update: This has been resolved. See update below. Following a few different online tutorials, I've managed to create a function to modify my post display via Ajax based on a category selected from a ...
0
votes
0answers
280 views

Apply Lazy loading/Infinite scroll on array data

In my website front page, I am running a some code which is getting posts belongs to "Global" category from all of it's subsite. Then I am applying the usort() method to sort the post as per the date. ...
3
votes
2answers
2k views

Pagination/infinite scroll with WP_Query and multiple loops

I need that the main page of my site have 3 columns: - The first having the 5 most viewed posts; - The second with the next 5 most viewed posts; - The third with the most recent posts. I don't want ...
0
votes
1answer
175 views

infinite scroll not working when logged out

The problem: infinite loop works only when the user is logged and then it shows posts that were not published yet. Once I log out, the infinite scroll doesn't work anymore. The setup: I have the ...
1
vote
0answers
231 views

How to prepare the back button action to deal with infinite scroll?

Unfortunately my question is not fixing or understanding code. I have a problem with infinite scrolling, where the user can scrolldown x far, click on xStory and enter a new page. Then naturally hit ...
0
votes
1answer
382 views

Different page template for paginated content?

Sorry for the basic question, but I can't track down a solution (or maybe it's just hard to search for). I'm creating my own infinite scroll system for a wordpress site I'm working on. For ease of ...
0
votes
1answer
312 views

How to Add Wrapper to Infinite Scroll Javascript?

I'm using Wordpress and manually adding Infinte Scroll from paulirish on GitHub: https://github.com/paulirish/infinite-scroll/ It loads properly, but how can I add a wrapper around all my posts? ...
0
votes
2answers
2k views

Load new Posts on Scroll on Page

See this reference site: http://alwaysjudging.com/archive/ It's loading new posts on scroll down, similar to Infinte Scroll plugin. (But I'm unable to get the Jetpack Infinite Scroll plugin to work on ...