Results Text
Providing users with pagination context in Ajax Load More queries
In this example:
Ajax Load More will display the current page and total number of pages available to the end user.
By adding the following HTML element to a template or page, Ajax Load More will render pagination information for users that provides context on the amount of content available.
|
1 |
<div class="alm-results-text"></div> <!-- Renders: Displaying page 2 of 6. --> |
-
Tracking Virtual Page Views with Google Tag Manager
Using Tag Manager to dispatch virtual page views in Google Analytics.
-
Ajax Load More 5.0
Ajax Load More 5.0 removes the dependancy on jQuery and modernizes the tech stack to allow for quicker iteration...
The following shortcode was used to create the Results Text example.
[ajax_load_more preloaded="true" preloaded_amount="2" posts_per_page="2" scroll="false" pause="true" css_classes="flex" repeater="template_46" button_label="Load More" button_loading_label="Loading..."]
The following Repeater Template was used to create the Results Text example.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<li class="alm-layout alm-2-col <?php alm_is_odd($alm_current); ?> alm-blog-card-2"> <?php if ( has_post_thumbnail() ) { ?> <div class="alm-gallery-img-wrap"> <?php the_post_thumbnail('alm-cta'); ?> </div> <?php }?> <div class="alm-card-details"> <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3> <?php alm_get_excerpt(20); ?> <p class="alm-more-link"><a href="<?php the_permalink(); ?>"><?php _e('Continue Reading'); ?></a></p> <?php echo get_avatar( get_the_author_meta('user_email')); ?> </div> <div class="alm-post-author"> <span class="author-name"> By: <?php the_author_posts_link(); ?> • <?php the_time("M d, Y"); ?> </span> </div> </li> |