0968.68.34.39

Tạo khung tìm kiếm chỉ hiển thị ra sản phẩm Woocommerce

Tạo khung tìm kiếm chỉ hiển thị ra sản phẩm Woocommerce một cách đơn giản, cho các bạn mới tập làm quen với Plugin bán hàng trên WordPress

Tạo khung tìm kiếm chỉ hiển thị ra sản phẩm Woocommerce
5 (100%) 14 votes

Chào các Bạn,
Khi tạo khung tìm kiếm cho trang sản phẩm sử dụng Woocommerce, mặc định nó sẽ lấy ra tất cả các bài bao gồm bài viết của Post và bài trong Post Type có từ khóa tìm kiếm đó. Nếu bạn muốn kết quả chỉ hiển thị ra sản phẩm thì phải làm như thế nào?. Vậy trong bài viết này mình sẽ giúp các bạn làm điều đó 1 cách đơn giản nhất.

– Khung tìm kiếm mặc định có dạng như thế này:

<form method="get" action="<?php bloginfo('url');?>">
	<input type="text" placeholder="Tìm kiếm..." value="" name="s">
	<button type="submit" class="search-button">Tìm kiếm</button>
</form>

Tạo khung tìm kiếm chỉ hiển thị ra sản phẩm Woocommerce

Ở WordPress, như các bạn cũng biết input name sẽ bằng S và link khi tìm kiếm sẽ có dạng:

https://wordpress.vnkings.com/?s=từ_khóa

Thử tìm kiếm ở Vnkings.com nhé
Tạo khung tìm kiếm chỉ hiển thị ra sản phẩm Woocommerce
Như vậy nó lấy ra cả sản phẩm và tin tức của mình.

– Tạo khung tìm kiếm chỉ hiển thị ra sản phẩm Woocommerce
Bây giờ ta chỉ cần 1 name là post_type bằng Post Type của Woocommerce là được :

https://wordpress.vnkings.com/?s=từ_khóa&post_type=product
<form method="get" action="<?php bloginfo('url');?>">
	<input type="text" placeholder="Tìm kiếm..." value="" name="s">
	<input type="hidden" name="post_type" value="product">
	<button type="submit" class="search-button">Tìm kiếm</button>
</form>

Post type của Woocommerce mặc định sẽ là Product
Các bạn có thể thấy mình đã thêm mình đã thêm 1 input name post_type có giá trị là product
Cùng xem kết quả nào
Tạo khung tìm kiếm chỉ hiển thị ra sản phẩm Woocommerce

Chúc các bạn thành công!

Bài liên quan

  1. Bạn cho mình hỏi làm sao để biết được các input name có thể sử dụng trong form tìm kiếm được ạ?
    Có phải là các trường của post không?
    Ví dụ: trong woocommerce, product của mình có thuộc tính custom là “pa_color” thì thêm input name là “pa_color” để lọc ra sản phẩm được không?

    • Nếu là custom filed thì bạn cần
      meta_key=pa_color&meta_value=red
      Vậy input của bạn sẽ là :

      <input type="hidden" name="meta_key" value="pa_color">
      <input type="text" name="meta_value" value="cái này cho họ nhập màu hoặc bạn tự làm ra select option cho họ chọn">
      
  2. Admin ơi cho mình hỏi mình không sử dụng woocomerce, mình sử dụng custom feild với post-formats default là bài viết cho tin tức. Còn post-formats là aside thì là product
    Mình muốn xây dựng kết quả tìm kiếm tin tức riêng, sản phẩm riêng thì làm thế nào? Hiện tại là mình lấy ra kết quả cả bài viết lẫn sản phẩm

    • Chào bạn, bài này đúng ý như bạn muốn, bạn chỉ cần để ý mấu chốt của vấn đề ở đoạn:

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

      Bạn chỉ cần thay Product thành Post_type của bạn là được.

Bình luận bài viết

Bạn có thể dùng các thẻ HTML này:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Bình luận của bạn sẽ được hiển thị sau khi kiểm duyệt. Cảm ơn bạn đã để lại bình luận!.