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.
65
questions
0
votes
1
answer
14
views
Get post list in same category
I have a code that loads the next post infinitely at the end of each post. Currently, the next post is picked at random. I would like the next post to be restricted to the category of the current post....
0
votes
0
answers
26
views
Same WP Query different results
In a post list, I am currently reloading new posts with infinite scroll as soon as the visitor has reached the bottom area with the latest posts. In addition, the newly reached page is then appended ...
0
votes
0
answers
6
views
How to make infinite scroll by dividing the content?
We created an online store and we want to avoid the user the problem of having to turn the page.
I understand that this is not the best way to ask a question, but we don't really have a clear example.
...
- 101
0
votes
1
answer
192
views
Blog Posts - Scroll to view more
I have a page with all my blog posts in it and I have it set to show all my posts on one page. (See screenshot) Now am I looking for away to only show 10 posts at a time and on scroll show more. I see ...
0
votes
1
answer
55
views
Infinite Scroll appending Next Product Category Term pages
I'm using Infinite Scroll and the following great code from here to generate Next Taxonomy Term Link in a term loop. I want to ajax append Next Woocommerce Product Category when you reach the end of ...
- 29
0
votes
0
answers
87
views
Infinite Scroll Only On Wordpress Mobile
I was wondering if it's possible to make only the Wordpress homepage (with the latest posts) have infinite scroll and keep the pagination on desktop view. I have viewed some other questions regarding ...
- 22
0
votes
1
answer
26
views
Wordpress mobil will not scroll
I am on WordPress 5.3.2 running Twenty Fourteen Child theme.
socalda.org
For some reason if you look at the site on the phone you cannot scroll down anymore. It scrolls down on the computer but not on ...
1
vote
0
answers
106
views
Load MediaPlayerElement after Infinity Scroll loads more posts
I am using Infinite Scroll on a site that is using a custom styled MediaPlayer Element (using Wordpress' built-in MediaElements.JS).
The style initially loads fine, but once Infinite Scroll loads ...
0
votes
0
answers
1k
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 ...
- 15
0
votes
1
answer
251
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 ...
- 113
0
votes
2
answers
249
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 ...
1
vote
0
answers
222
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.
...
- 11
1
vote
1
answer
2k
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 ...
- 33
4
votes
1
answer
15k
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/...
- 1,827
2
votes
1
answer
282
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' => '...
- 561
-1
votes
2
answers
1k
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 ...
- 1
-2
votes
2
answers
2k
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/...
0
votes
1
answer
1k
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 ...
- 566
0
votes
0
answers
320
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 ...
- 101
0
votes
1
answer
537
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(
...
- 1
0
votes
1
answer
484
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 ...
- 477
1
vote
0
answers
240
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 ...
- 123
0
votes
1
answer
1k
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' =&...
- 229
0
votes
1
answer
142
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 ...
- 395
0
votes
0
answers
3k
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 ...
- 177
1
vote
1
answer
3k
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 ...
- 177
2
votes
1
answer
1k
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 ...
- 23
1
vote
1
answer
381
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 ...
- 177
0
votes
0
answers
387
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
1
answer
410
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() {
...
- 43
0
votes
1
answer
138
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....
- 547
2
votes
1
answer
3k
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 ...
- 29
0
votes
2
answers
695
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 ...
- 613
0
votes
1
answer
1k
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 ...
- 35
1
vote
0
answers
373
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 -->
...
- 185
-1
votes
1
answer
1k
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 ...
- 305
2
votes
1
answer
2k
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 ...
- 169
0
votes
1
answer
44
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 ...
- 101
1
vote
0
answers
137
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 ...
- 298
4
votes
1
answer
2k
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
...
- 169
0
votes
1
answer
453
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....
- 5
0
votes
0
answers
36
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 ...
- 99
1
vote
0
answers
2k
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 ...
- 121
0
votes
1
answer
206
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
1
answer
1k
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 ...
- 185
1
vote
0
answers
380
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 ...
- 503
0
votes
2
answers
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 ...
- 815
0
votes
1
answer
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 ...
- 1,684
2
votes
1
answer
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 ...
- 51
0
votes
0
answers
329
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. ...
