嘗試添加搜索欄管理面板菜單欄搜索woocommerce產品

Question

嘗試將產品搜索欄添加到將執行Woocommerce產品搜索的Wordpress管理欄后端。 它位於后端管理菜單欄中的頂部，因此無論您在后端在哪里，都可以搜索woo的產品。 我很近，但是在小的絆腳石上有錯。 嘗試使用搜索時，默認情況下是發布搜索而不是產品。

//Add Search To Admin Bar
function boatparts_admin_bar_form() {
global $wp_admin_bar;
$wp_admin_bar->add_menu(array(
    'id' => 'boatparts_admin_bar_form',
    'parent' => 'top-secondary',
    'title' => '<form method="get" action="'.get_site_url().'/wp-admin/edit.php?post_type=product">
<input name="s" type="text" style="height:20px;margin:5px 0;line-height:1em;"/> 
<input type="submit" style="height:18px;vertical-align:top;margin:5px 0;padding:0 2px;" value="Search Products"/> 
</form>'
));
}
add_action('admin_bar_menu', 'boatparts_admin_bar_form');

在我的孩子主題的function.php中有它。 讓我發瘋試圖解決它。

Answer 1

您應該使用post-type參數添加隱藏字段 ：

<input name="post_type" value="product" type="hidden">

此外，我添加了一些代碼，用於在表單提交后在表單中顯示搜索查詢，並對按鈕樣式進行了小幅修復。

固定的代碼段如下：

//Add Search To Admin Bar
function boatparts_admin_bar_form() {
  global $wp_admin_bar;

  $search_query = '';
  if ( $_GET['post_type'] == 'product' ) {
    $search_query = $_GET['s'];
  }

  $wp_admin_bar->add_menu(array(
    'id' => 'boatparts_admin_bar_form',
    'parent' => 'top-secondary',
    'title' => '<form method="get" action="'.get_site_url().'/wp-admin/edit.php?post_type=product">
      <input name="s" type="text" value="' . $search_query . '" style="height:20px;margin:5px 0;line-height:1em;"/> 
      <input type="submit" style="padding:3px 7px;line-height:1" value="Search Products"/> 
      <input name="post_type" value="product" type="hidden">
    </form>'
  ));
}
add_action('admin_bar_menu', 'boatparts_admin_bar_form');

搜索結果樣本：