Hướng dẫn sửa bộ lọc mặc định Woocommerce giống thế giới di động

/*
* Xóa bộ lọc mặc định của Woocommerce
*/
functionremovedefault(){
    remove_action('flatsome_category_title_alt','woocommerce_result_count',20);
    remove_action('flatsome_category_title_alt','woocommerce_catalog_ordering',30);
}
add_action('init','removedefault');

/*
* Thêm bộ lọc sản phẩm giống thế giới di động
*/
functionfilter_new_giuseart(){
if(!is_product()):;?>
    <?phpif(!wp_is_mobile()){;?>
  <div class="sort_giuseart">
  <div class="titlesort">Sắpxếptheo:</div>
   <form id="pricedesc">
    <div class="range-check">
     <input class="pt-checkbox"type="checkbox"value="price-desc"id="price-desc"name="orderby"onChange="this.form.submit()"/>
     <label for="price-desc">Giágiảmdần</label>
   </div>
  </form>
  <form id="pricesmall">
   <div class="range-check">
     <input class="pt-checkbox"type="checkbox"value="price"id="price"name="orderby"onChange="this.form.submit()"/>
     <label for="price">Giátăngdần</label>
   </div>
  </form>
  <form id="datecheck">
   <div class="range-check">
     <input class="pt-checkbox"type="checkbox"value="date"id="date"name="orderby"onChange="this.form.submit()"/>
     <label for="date">Mớinhất</label>
   </div>
  </form>
   <form id="oldproduct">
   <div class="range-check">
     <input class="pt-checkbox"type="checkbox"value="old-product"id="old-product"name="orderby"onChange="this.form.submit()"/>
     <label for="old-product">Cũnhất</label>
   </div>
  </form>
  </div>
<?php}else{
    echo'<div class="sapxep">Sắp xếp: ';woocommerce_catalog_ordering();};
endif;
};
add_action('woocommerce_before_main_content','filter_new_giuseart');
functionadd_js(){;?>
    <script type="text/javascript">
jQuery(document).ready(function(){
    if(window.location.href.indexOf("price-desc")>-1){
          jQuery('#pricedesc input[type="checkbox"]').prop('checked',true);
    }
    elseif(window.location.href.indexOf("price")>-1){
          jQuery('#pricesmall input[type="checkbox"]').prop('checked',true);
    }
    elseif(window.location.href.indexOf("date")>-1){
          jQuery('#datecheck input[type="checkbox"]').prop('checked',true);
    }
    elseif(window.location.href.indexOf("old-product")>-1){
          jQuery('#oldproduct input[type="checkbox"]').prop('checked',true);
    }
});
jQuery("a.deselect").each(function(){
    this.search="";
});
</script>
<?php};
add_action('wp_footer','add_js');

.sort_giuseart{
    display:flex;
    margin-top:5px;
    justify-content:flex-start;
}
.sort_giuseart form{
    padding:00020px;
}
.sort_giuseart.pt-checkbox{
    margin-right:0px;
}