Disable Blog Post Page Autoload and Show “Load More” Button Instead

By default, we do not have this option. You can use the following function code. Please see the steps below:

Note: Make sure to have a complete site backup before proceeding

1. Go to Appearance > Theme Editor.

2. Under Select theme to edit, choose (BuddyBoss Child/whatever theme is active), then click Select.

3. Below Theme Files, select Theme Functions (functions.php).

4. Append the code just before the closing PHP tag “?>”:

/** * Custom Pagination */ function buddyboss_pagination() { global $paged, $wp_query; $max_page = 0; if ( ! $max_page ) { $max_page = $wp_query->max_num_pages; } if ( ! $paged ) { $paged = 1; // phpcs:ignore WordPress.WP.GlobalVariablesOverride.Prohibited } $nextpage = intval( $paged ) + 1; if ( is_front_page() || is_home() ) { $template = 'home'; } elseif ( is_category() ) { $template = 'category'; } elseif ( is_search() ) { $template = 'search'; } else { $template = 'archive'; } $class = ''; $label = __( 'Load More', 'buddyboss-theme' ); if ( ! is_single() && ( $nextpage <= $max_page ) ) { $attr = 'data-page=' . $nextpage . ' data-template=' . $template; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped echo '<div class="bb-pagination pagination-below"><a class="button-load-more-posts' . esc_attr( $class ) . '" href="' . esc_url( next_posts( $max_page, false ) ) . "\" esc_attr( $attr )>" . esc_html( $label ) . '</a></div>'; } }

5. Click Update File to save the changes.

Screenshot:
From demo, it will load automatically: https://prnt.sc/eUFY-kk8Xzbq
When function code is added, you need to click load more instead: https://prnt.sc/LAcEhUGJH145

Note: Any modifications are considered as custom work already. Know more about our Support Policy here: https://www.buddyboss.com/support-policy/