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%) 13 votes
Tạo khung tìm kiếm chỉ hiển thị ra sản phẩm Woocommerce

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">
      

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>

X

Tạo live chat facebook cho website

Bạn cần tư vấn ?