Improve the Divi Search Results Page

This page demonstrates the Theme Builder search results options available in the Divi Search Helper plugin. It shows how you can enhance the default Divi search results page with better layout control, search behavior settings, and display customization.

Default Search Results

This section shows the default Divi search results page for comparison before applying any enhancements.

Search Field Customization

This example customizes the search field by changing the input placeholder text, modifying the search icon, enabling a “clear search term” icon, and disabling input field history.

Button Customization

This example changes the search button text and adjusts the button position from right to left.

Enhanced Search Results – Example 1

This example changes the search results order to alphabetical by title, sets the results to ascending order, and adjusts the number of results displayed per page.

Enhanced Search Results – Example 2

This example replaces the default "No Results Found" layout with a Divi Library layout and enables search results to open in a new tab.

Enhanced Search Results – Example 3

This example customizes the search criteria by limiting search results to the "Products" post type. It also uses a layout from the Divi Library to replace the default "No Results Found" message displayed by Divi WooCommerce modules when no matching products are found.

To test the product search results, try searching for "Shirt," "Hat," or "Shoes."

Note: Try searching for different keywords to see how ordering, layout changes, button settings, and “no results” behavior work in real time.