Trần VươngDesign
Chia sẽ tuts – Thêm chức năng tìm kiếm nhanh danh mục sản phẩm khi thêm sản phẩm

Chia sẽ tuts – Thêm chức năng tìm kiếm nhanh danh mục sản phẩm khi thêm sản phẩm

Nếu website wordpress của bạn có hàng ngàn danh mục sản phẩm thì việc tìm kiếm đúng danh mục theo dạng kéo thì mất khá nhiều thời gian. Nên mình tìm hiểu qua nỗi khó của một người em bán hàng. Bạn ấy có hơn 10k danh mục và 50k sản phẩm trên website. Nên việc quản lý khó khăn, đã cầu cứu và mình đã viết cho em ấy đoạn code như sau:

Bạn chỉ cần chèn đoạn này vào function là sẽ được nha!

!function($){var t=$("#product_catdiv"),c=t.find("#product_cat-all > ul");function a(){$('a[href="#product_cat-all"]').parent("li").hasClass("tabs")?t.find(".js-product-edit-product_cat-search-input").show():t.find(".js-product-edit-product_cat-search-input").hide()}$("body").hasClass("post-type-product")&&$("#product_catdiv").length&&($(window).load((function(){$(".admin-edit-product-overlay").fadeOut()})),a(),t.find(".postbox-header").after('<div class="product-edit-product_cat-search-wrapper" style="padding: 12px;"><input type="search" style="width: 100%;" name="product_edit_product_cat_search" class="product-edit-product_cat-search-input js-product-edit-product_cat-search-input" placeholder="'+main_vars.search+'" /></div>'),$(document).on("keyup",".js-product-edit-product_cat-search-input",(function(t){t.preventDefault();var a=$(this).val();$.each(c.find("li"),(function(t,c){-1===$(c).find("label").text().toLowerCase().indexOf(a)?$(c).hide():$(c).show()}))})),$(document).on("click","#product_cat-tabs a",(function(t){t.preventDefault(),a()})))}(jQuery);

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

 

5 1 đánh giá
Đánh giá bài viết
Theo dõi
Thông báo của
guest

0 Góp ý
Phản hồi nội tuyến
Xem tất cả bình luận
0
Rất thích suy nghĩ của bạn, hãy bình luận.x