Add separate configuration option for number of results items display within modal and inline variants. SC-1891

Author: dmackinn

admin/class-searchcraft-admin.php

@@ -1498,6 +1498,20 @@ private function searchcraft_on_layout_settings_config_request( $request ) {
 			update_option( 'searchcraft_view_all_results_label', $view_all_results_label );
 		}
 
+		// Handle overlay results per page setting.
+		if ( isset( $request['searchcraft_overlay_results_per_page'] ) ) {
+			$overlay_results_per_page = absint( wp_unslash( $request['searchcraft_overlay_results_per_page'] ) );
+
+			// Validate the overlay results per page value (between 1 and 20).
+			if ( $overlay_results_per_page < 1 ) {
+				$overlay_results_per_page = 1;
+			} elseif ( $overlay_results_per_page > 20 ) {
+				$overlay_results_per_page = 20;
+			}
+
+			update_option( 'searchcraft_overlay_results_per_page', $overlay_results_per_page );
+		}
+
 		// Handle retain get_search_form setting.
 		$retain_get_search_form = isset( $request['searchcraft_retain_get_search_form'] ) ? true : false;
 		update_option( 'searchcraft_retain_get_search_form', $retain_get_search_form );

admin/partials/searchcraft-admin-layout-tab.php

@@ -35,6 +35,7 @@
 	$search_experience         = get_option( 'searchcraft_search_experience', 'full' );
 	$include_filter_panel      = get_option( 'searchcraft_include_filter_panel', false );
 	$results_per_page          = get_option( 'searchcraft_results_per_page', 10 );
+	$overlay_results_per_page  = get_option( 'searchcraft_overlay_results_per_page', 5 );
 	$enable_most_recent_toggle = get_option( 'searchcraft_enable_most_recent_toggle', '1' );
 	$enable_exact_match_toggle = get_option( 'searchcraft_enable_exact_match_toggle', '1' );
 	$enable_date_range         = get_option( 'searchcraft_enable_date_range', '1' );
@@ -276,6 +277,21 @@
 								</p>
 							</td>
 						</tr>
+						<tr class="searchcraft-popover-only">
+							<th scope="row">
+								<label for="searchcraft_overlay_results_per_page">Results in Overlay</label>
+							</th>
+							<td>
+								<select name="searchcraft_overlay_results_per_page" id="searchcraft_overlay_results_per_page" class="regular-text">
+									<?php for ( $i = 1; $i <= 20; $i++ ) : ?>
+										<option value="<?php echo esc_attr( $i ); ?>" <?php selected( $overlay_results_per_page, $i ); ?>><?php echo esc_html( $i ); ?></option>
+									<?php endfor; ?>
+								</select>
+								<p class="description">
+									Number of search results to display in the modal or inline overlay. Default is 5 results.
+								</p>
+							</td>
+						</tr>
 					</tbody>
 				</table>
 		</div>

public/class-searchcraft-public.php

@@ -302,7 +302,8 @@ public function get_js_config() {
 		$oldest_post_year            = $admin_instance->get_oldest_post_year();
 		$js_config['oldestPostYear'] = $oldest_post_year;
 
-		$js_config['resultsPerPage'] = intval( get_option( 'searchcraft_results_per_page', 10 ) );
+		$js_config['resultsPerPage']        = intval( get_option( 'searchcraft_results_per_page', 10 ) );
+		$js_config['overlayResultsPerPage'] = intval( get_option( 'searchcraft_overlay_results_per_page', 5 ) );
 
 		// Filter taxonomies.
 		$filter_taxonomies = get_option( 'searchcraft_filter_taxonomies', array() );

public/js/searchcraft-sdk-integration.js

@@ -67,12 +67,21 @@
                 return;
             }
             const isWPSearchPage = searchcraft_config.isWPSearchPage || false;
+
+            // Determine which results per page setting to use
+            // Use overlayResultsPerPage for modal/inline when NOT on search page
+            // Use regular resultsPerPage for full experience or when on search page
+            let resultsPerPage = parseInt(searchcraft_config.resultsPerPage) || 10;
+            if (!isWPSearchPage && searchcraft_config.overlayResultsPerPage) {
+                resultsPerPage = parseInt(searchcraft_config.overlayResultsPerPage) || 5;
+            }
+
             const config = {
                 indexName: searchcraft_config.indexName,
                 readKey: searchcraft_config.readKey,
                 endpointURL: searchcraft_config.endpointURL,
                 searchDebounceDelay: 50,
-                searchResultsPerPage: parseInt(searchcraft_config.resultsPerPage) || 10
+                searchResultsPerPage: resultsPerPage
             };
 
             // Add cortexURL if AI summary is enabled