Categories

Saturday, October 16, 2021
therichposts@gmail.com
Wordpress Tricks

Change default WordPress search to search for woocommerce products

How to add custom meta title and meta description in Wordpress?

Change default WordPress search to search for woocommerce products

Hello, welcome to therichpost.com. In this post, I will tell you How to Change default WordPress search to search for woocommerce products? WordPress is the best cms. There is default wordpress search form but we can it for search Woocommerce products also with simple trick.

This is the main code for search woocommerce products:

<input type=”hidden” value=”product” name=”post_type” id=”post_type” />

Here is the working form and you can replace this form with default wordpress form:

<form role=”search” method=”get” class=”search-form” action=”<?php echo home_url( ‘/’ ); ?>”>
<label>
<span class=”screen-reader-text”><?php echo _x( ‘Search for:’, ‘label’ ) ?></span>
<input type=”search” class=”search-field” placeholder=”<?php echo esc_attr_x( ‘Search …’, ‘placeholder’ ) ?>” value=”<?php echo get_search_query() ?>” name=”s” title=”<?php echo esc_attr_x( ‘Search for:’, ‘label’ ) ?>” />
</label>
<input type=”submit” class=”search-submit” value=”<?php echo esc_attr_x( ‘Search’, ‘submit button’ ) ?>” />
<input type=”hidden” value=”product” name=”post_type” id=”post_type” />
</form>

There are so many tricks in wordpress and i will let you know all. Please do comment if you any query related to this post. Thank you. Therichpost.com

Ajay Malhotra
the authorAjay Malhotra
Hello to all. Welcome to therichpost.com. Myself Ajay Malhotra and I am freelance full stack developer. I love coding. I know WordPress, Core php, Angularjs, Angular 2, Angular 6, Angular 7, Angular 8, Angular 9, Angular 10, Angular 11, Angular12, Bootstrap 5, Nodejs, Laravel, Codeigniter, Shopify, Squarespace, jQuery, Google Map Api, Vuejs, Reactjs, Big commerce etc.

1 Comment

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.