Để cải thiện trải nghiệm người dùng và tối ưu điều hướng, bạn có thể thêm liên kết đến trang Cửa Hàng vào breadcrumb bằng một đoạn mã nhỏ.

Mục tiêu

Hiển thị “Cửa hàng” như một cấp bậc trong breadcrumb, ví dụ:

Trang chủ / Cửa hàng / Danh mục / Tên sản phẩm

Cách làm

Thêm đoạn mã sau vào functions.php.

// Thêm Cửa hàng vào Breadcrumb
add_filter('woocommerce_get_breadcrumb', function($crumbs, $Breadcrumb) {
    $shop_page_id = wc_get_page_id('shop');
    if ($shop_page_id > 0 && !is_shop()) {
        $new_breadcrumb = [
                _x( 'Cửa hàng', 'breadcrumb', 'woocommerce' ),
                get_permalink(wc_get_page_id('shop'))
            ];
        array_splice($crumbs, 1, 0, [$new_breadcrumb]);
    }
    return $crumbs;
}, 10, 2 );

Giải thích

• woocommerce_get_breadcrumb: là filter dùng để tùy chỉnh toàn bộ mảng breadcrumb.
• array_splice($crumbs, 1, 0, ...): chèn phần tử mới ngay sau “Trang chủ”.
• !is_shop(): đảm bảo không thêm khi bạn đang ở chính trang cửa hàng (tránh lặp).

Kết quả

Sau khi thêm mã trên, người dùng sẽ luôn thấy breadcrumb có mục Cửa hàng. Điều này không chỉ giúp điều hướng tốt hơn mà còn có ích cho SEO nội bộ và UX tổng thể.

Chúc các bạn thành công!