This members-only tutorial provides the steps to set up a search form that searches across WooCommerce products instead of the standard posts & pages and to show the results with pagination on the search results pages.

We shall

  • enable HTML5 output for the search form
  • customise the above HTML to set the post_type to product
  • get the posts_per_page value from WordPress settings page and use it to add pagination on search results pages. By default all products will appear without pagination.

Step 1

Install and activate Code Snippets plugin.

Add a new Snippet.

Title: Enable HTML5 for Search and other elements

Code:

add_theme_support( 'html5', array( 'comment-list', 'comment-form', 'search-form', 'gallery', 'caption' ) );

Step 2

Add another Snippet.

Title: Customize Search Form

Code:

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($37/month or $399 one-time).

Already a member? Log in below or here.

Need help implementing a tutorial in your site or want to hire me for custom work?

HIRE ME

Find the article helpful and wish to donate?

DONATE
magnifiercross
>
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: