Hiển Thị Danh Sách Các Danh Mục Con Theo ID Của Danh Mục Cha

Hiển thị danh sách các danh mục con theo ID trong cả category cha và các chuyên mục con của nó (tức là ở bất kỳ cấp độ nào trong cây chuyên mục), bạn cần kiểm tra xem category hiện tại có thuộc cây phân cấp của category cha không.

Dưới đây là code hoàn chỉnh để giải quyết yêu cầu này:

Hiển thị danh sách các danh mục con theo ID của danh mục cha

Xem thêm: Lấy title category trên trang category archive

Code hoàn chỉnh

Mục tiêu:

Hiển thị danh sách các category con của category cha ID = 5 ở cả chuyên mục cha và các chuyên mục con của nó.

Code:

<?php
// Lấy thông tin category hiện tại
$current_category = get_queried_object();

$parent_id = 5; // ID của category cha

// Kiểm tra nếu đang ở category cha hoặc category con của nó
if (is_category() && (cat_is_ancestor_of($parent_id, $current_category->term_id) || $current_category->term_id == $parent_id)) {

    // Lấy các category con của category cha
    $args = array(
        'parent' => $parent_id,  // ID của category cha
        'hide_empty' => false,   // Bao gồm cả category rỗng
    );

    $subcategories = get_categories($args);

    if (!empty($subcategories)) {
        echo '<ul class="list-cat">';
        foreach ($subcategories as $subcategory) {
            // Kiểm tra xem category hiện tại có trùng với category trong vòng lặp không
            $active_class = ($current_category->term_id == $subcategory->term_id) ? ' class="active"' : '';

            // Hiển thị danh mục con với link và thẻ active nếu khớp
            echo '<li' . $active_class . '>';
            echo '<a href="' . esc_url(get_category_link($subcategory->term_id)) . '">'
                . esc_html($subcategory->name) . '</a>';
            echo '</li>';
        }
        echo '</ul>';
    } else {
        echo 'Không có danh mục con nào.';
    }
}
?>

<?php

// Lấy thông tin category hiện tại

$current_category = get_queried_object();

$parent_id = 5; // ID của category cha

// Kiểm tra nếu đang ở category cha hoặc category con của nó

if (is_category() && (cat_is_ancestor_of($parent_id, $current_category->term_id) || $current_category->term_id == $parent_id)) {

// Lấy các category con của category cha

$args = array(

'parent' => $parent_id, // ID của category cha

'hide_empty' => false, // Bao gồm cả category rỗng

);

$subcategories = get_categories($args);

if (!empty($subcategories)) {

echo '<ul class="list-cat">';

foreach ($subcategories as $subcategory) {

// Kiểm tra xem category hiện tại có trùng với category trong vòng lặp không

$active_class = ($current_category->term_id == $subcategory->term_id) ? ' class="active"' : '';

// Hiển thị danh mục con với link và thẻ active nếu khớp

echo '<li' . $active_class . '>';

echo '<a href="' . esc_url(get_category_link($subcategory->term_id)) . '">'

. esc_html($subcategory->name) . '</a>';

echo '</li>';

}

echo '</ul>';

} else {

echo 'Không có danh mục con nào.';

}

Xem thêm bài viết khác

CSS

ul.list-cat {
    display: flex;
    justify-content: center;
}
ul.list-cat li {
    list-style: none;
    margin-left: 0;
    margin-right: 10px;
    border: 2px solid #048c5c;
    padding: 5px 20px;
    border-radius: 4px;
}
ul.list-cat li.active {
	background: #048c5c;
	color: white;
}
ul.list-cat li.active a{
	color: white;
}
@media only screen and (max-width: 48em) {
	ul.list-cat {
	    display: flex;
	    justify-content: flex-start;
	    overflow: scroll;
	    flex-wrap: nowrap;
	}
	ul.list-cat li {
	    position: relative;
	    white-space: nowrap;
	}
}

ul.list-cat {

display: flex;

justify-content: center;

}

ul.list-cat li {

list-style: none;

margin-left: 0;

margin-right: 10px;

border: 2px solid #048c5c;

padding: 5px 20px;

border-radius: 4px;

}

ul.list-cat li.active {

background: #048c5c;

color: white;

}

ul.list-cat li.active a{

color: white;

}

@media only screen and (max-width: 48em) {

ul.list-cat {

display: flex;

justify-content: flex-start;

overflow: scroll;

flex-wrap: nowrap;

}

ul.list-cat li {

position: relative;

white-space: nowrap;

}

Giải thích:

get_queried_object(): Lấy thông tin của category hiện tại.
cat_is_ancestor_of($parent_id, $current_category->term_id): Kiểm tra xem category hiện tại có nằm trong cây phân cấp của category cha (ID = 5) hay không.
$current_category->term_id == $parent_id: Kiểm tra xem category hiện tại có phải là category cha không.
get_categories(): Lấy các category con của category cha dựa trên ID.
get_category_link(): Tạo link đến từng category con.

Cách hoạt động:

Ở category cha (ID = 5): Code sẽ hiển thị tất cả các category con trực tiếp của nó.
Ở các category con của cha (ID = 5): Code cũng sẽ hiển thị các category con trực tiếp của category cha.
Code đảm bảo hiển thị danh sách danh mục con trong toàn bộ cây chuyên mục.

Cách triển khai:

Đặt đoạn code này trong file category.php hoặc file template phù hợp trong theme WordPress của bạn.

Kết quả mong đợi:

Khi bạn truy cập vào category cha hoặc các chuyên mục con của nó, danh sách các category con của category cha sẽ luôn được hiển thị cùng với link.

Nếu có vấn đề hoặc cần tùy chỉnh thêm, bạn cho mình biết nhé!

Theo dỗi tên trên Fanpage và Youtube của mình nhé.

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