问题：elementor pro 和 elementor 三方插件提供的breadcrumbs组件，无法识别自定义产品和产品分类，面包屑组件默认只能读取category分类，不支持读取自定义的分类，导致面包屑缺少产品所属分类项问题。

解决方案：采用Breadcrumb NavXT插件，指定读取自定义类型的分类就可以完美解决这类面包屑问题。

function my_breadcrumb_navxt() {
    if (function_exists('bcn_display')) {
        ob_start();
        bcn_display();
        return ob_get_clean();
    }
}
add_shortcode('navxt', 'my_breadcrumb_navxt');

面包屑相关配置如下：

1.面包屑分隔符：

<span style="color:white;margin-left: 15px;margin-right: 15px" class="fas fa-angle-right" aria-hidden="true"></span>
分隔符显示效果如下：

2.面包屑首项改为Home，默认为网站名称开头

3.对于产品详情页或自定义类型的详情页中，面包屑可以关闭不显示自定义类型归档项。

显示效果如下：

4.Elementor中配置自定义CSS样式代码

<style>
	.elementor-widget-shortcode .elementor-shortcode >span {
			display: inline-block;
	}

	.elementor-widget-shortcode .elementor-shortcode >span span {
			font-family: "Rubik", Sans-serif;
			font-weight: 500;
			color: var(--e-global-color-astglobalcolor5);
			transition: all .4s;
	}

	.elementor-widget-shortcode .elementor-shortcode >span a:hover span {
		color: var(--e-global-color-astglobalcolor7);
	}
</style>

显示效果如下