워드 프레스 사용자 정의 분류 나는 이런 식으로 뭔가를 작동하는 제품 필터를 만들려고하고

Question

필터 :

http://www.permco.com/

난 내가 드롭 다운에서 그들을을 taxonmoies에 전화를 넣어 한 점에 가지고있다 .

$prodtype = array(
    'show_option_all' => '', 
    'show_option_none' => '', 
    'orderby'   => 'ID', 
    'order'    => 'ASC', 
    'show_count'   => 0, 
    'hide_empty'   => 1, 
    'child_of'   => 0, 
    'exclude'   => '', 
    'echo'    => 1, 
    'selected'   => 0, 
    'hierarchical'  => 0, 
    'name'    => 'cat', 
    'id'     => '', 
    'class'    => 'postform', 
    'depth'    => 0, 
    'tab_index'   => 0, 
    'taxonomy'   => 'product-types', 
    'hide_if_empty'  => false, 
); 
$displacement = array(
    'show_option_all' => '', 
    'show_option_none' => '', 
    'orderby'   => 'ID', 
    'order'    => 'ASC', 
    'show_count'   => 0, 
    'hide_empty'   => 1, 
    'child_of'   => 0, 
    'exclude'   => '', 
    'echo'    => 1, 
    'selected'   => 0, 
    'hierarchical'  => 0, 
    'name'    => 'cat', 
    'id'     => '', 
    'class'    => 'postform', 
    'depth'    => 0, 
    'tab_index'   => 0, 
    'taxonomy'   => 'displacement', 
    'hide_if_empty'  => false, 
); 

<form> 
<b><?php _e('Product Type'); ?></b><br/> 
<?php wp_dropdown_categories($prodtype); ?> 
<br/> 
<script type="text/javascript"><!-- 
var dropdown = document.getElementById("cat"); 
function onCatChange() { 
    if (dropdown.options[dropdown.selectedIndex].value > 0) { 
     location.href = "<?php echo get_option('home'); 
?>/?cat="+dropdown.options[dropdown.selectedIndex].value; 
    } 
} 
dropdown.onchange = onCatChange; 
--></script> 
<b><?php _e('Displacement'); ?></b><br/> 
<?php wp_dropdown_categories($displacement); ?> 
<br/> 
<script type="text/javascript"><!-- 
var dropdown = document.getElementById("cat"); 
function onCatChange() { 
    if (dropdown.options[dropdown.selectedIndex].value > 0) { 
     location.href = "<?php echo get_option('home'); 
?>/?cat="+dropdown.options[dropdown.selectedIndex].value; 
    } 
} 
dropdown.onchange = onCatChange; 
--></script> 

내 문제는 내가 그 다음 드롭 다운이 페이지를 새로 고침하고는 예를 들어 웹 사이트에서처럼 자동으로 제품을 다시 얻을 수 없다는 것입니다.

그래서 내가 원하는 것은 사용자가 제품을 새로 고치고 해당 조건에 맞는 항목을로드 한 다음 두 번째 드롭 다운에서 옵션을 선택하면 자동으로 제품을 원한다는 것입니다. 필터링하여 두 선택 항목과 일치하는 제품 만 표시하십시오.

도움을 주시면 감사하겠습니다.

Answer 1

jQuery를 사용하여 수행 할 수 있습니다. 위에서 언급 한 웹 사이트에서는 fucntions 파일에서 찾을 수있는 것과 동일한 트릭을 구현했습니다.

아래 참조 : 원하는 결과를 얻기 위해이 경로를 따라 무언가를 구현할 수 있습니다.

코드에서. 사이트 :

e.filterChange = {init: function() { if (!jQuery.browser.mobile) { $("#filter_submit").hide(); $(".filterNote").show(); $("#form_filter .dk_options a").live($.browser.msie || $.browser.safari ? "mousedown" : "click", function (e) { $parent = $(this).closest(".dk_container"); $curValue = $parent.find(".dk_label"); setTimeout(function() { $("#form_filter").submit() }, 500) }) } }};

Answer 2

예는 Wordpress taxonomy filter with AJAX.을 만들 수 있습니다. 이것은 woocommerce 제품을 사용하는 분류 필터의 한 예입니다.