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!
Theo dõi
Đăng nhập
0 Góp ý
Cũ nhất