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
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>
Ở 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é
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
Chúc các bạn thành công!
Bài liên quan
- Tự tạo hiển thị sản phẩm theo danh mục Woocommerce
- Hiển thị danh mục sản phẩm theo hình ảnh WooCommerce
- Tổng hợp các hàm hiển thị dữ liệu cho Woocommerce
- Tự tạo tìm kiếm nâng cao cho sản phẩm Woocommerce
- Căn giữa hình ảnh sản phẩm Woocommerce bằng CSS
- Thêm giỏ hàng Woocommerce ở vị trí bạn muốn trên wordpress
Trời, có bài này sớm thì tốt quá. Trước mình toàn phải cài plugins hoặc sử dụng widgets của woo 🙁 🙁 … cám ơn AD vì bài viết quá hay và quá chi tiết
Hơi tiếc là Vnkings.com cũng mới được thành lập, Cảm ơn ý kiến của bạn nhé 🙂
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à :
admin cho em hỏi là em đã thay đúng như thế nhưng khi seachr nó ra tên chung chung quá. có thể hướng dẫn em chi tiết thêm được không ạ?
Bạn xem qua bài tự tạo tìm kiếm nâng cao cho sản phẩm Woocommerce nhé:
https://vnkings.com/tu-tao-tim-kiem-nang-cao-cho-san-pham-woocommerce.html
vd như bây giờ em muốn tìm kiếm theo giá sản phẩm thì sao ạ ?
Sau khi ấn nút tìm kiếm, trang tìm kiếm trả kết quả nhưng có dòng chữ này “Search results: “hp”” Em muốn đổi tên khác thì sửa ở đâu ạ?
Chào em, em thử vào file search.php tại theme đang dùng xem có cụm từ đó không nhé.
Ngoài ra nếu dùng Yoast Seo em có thể vào Advanced kéo xuống phần Prefix for Search Page breadcrumbs và đặt theo ý của mình.
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:
Bạn chỉ cần thay Product thành Post_type của bạn là được.
Bạn hướng dẫn dùm mình các tìm các thẻ input của bài viết trong phần meta_box với bạn !