Question

我有这个代码，在下拉菜单中显示我的所有类别。

您可以在此处看到它：https://store.vtxfactory.org/products/

对于父类别，它就像一个魅力。问题是，它无法识别子类别的父级，因此它不会转到/product-category/cameras-photos/lens/，而是转到/product-category/lens。它也有效，但这不是我想要实现的目标。

有没有办法在网址上获取父类别？

<?php

function replace_id_for_slug($option){
$categories = get_categories("hide_empty=0");

preg_match('/value="(\d*)"/', $option[0], $matches);

$id = $matches[1];

$slug = "";

foreach($categories as $category){
    if($category->cat_ID == $id){
        $slug = $category->slug;
    }
}

return preg_replace("/value=\"(\d*)\"/", "value=\"$slug\"", $option[0]);
}

$select = wp_dropdown_categories("hierarchical=true&hide_empty=0&echo=0&taxonomy=product_cat&value_field=slug&show_option_none=- Search by category...&show_count=1&selected=1&orderby=name");

$select = preg_replace_callback("#<option[^>]*>[^<]*</option>#", "replace_id_for_slug", $select);

echo $select;

?>

<script type="text/javascript"><!--
var dropdown = document.getElementById("cat");
function onCatChange() {
    if ( dropdown.options[dropdown.selectedIndex].value != -1 ) {
        location.href = "<?php echo get_option('home');?>/product-category/"+dropdown.options[dropdown.selectedIndex].value+"/";
    }
}
dropdown.onchange = onCatChange;
--></script>

感谢。

Answer 1

您需要修改JS以检查所选选项是否具有父选项，然后还打印父选项。这应该适用于您的网站，请注意，如果您要添加另一个可能需要考虑用于循环的级别，它只检查一个级别。

$(document).ready(function() {
    $("#cat").change(function () {
        var selected = $("#cat option:selected");
        var destination = "<?php echo get_option('home');?>/product-category/"; 
        if(selected.attr("class") == "level-1"){
           destination += selected.prevAll("option.level-0:first").val()+"/";
        }
        destination += selected.val()+"/";
        location.href = destination;
    });
});

从下拉菜单中的子类别中获取父级

1 个答案: