Xml 在网站文章列表中显示类别树

我想在网站文章列表中显示类别树 我尝试使用此源代码，但它只显示了最后的类别

<div class="row">
            <div class="col-sm-12">
                <ol class="breadcrumb">
 <li t-if="category"><a t-att-href="keep('/shop',category=0)" t-field="category.name"/></li>

 <li t-if="category">
<a t-att-href="keep('/shop/category/' + slug(category), category=0)"
                   t-field="category.name"/>
</li>  

                </ol>

                <ol>
  <li t-if="category.child_id" t-attf-class="text-primary fa #{'fa-chevron-down' if category.id in parent_category_ids else 'fa-chevron-right'}">
      <a t-att-href="keep('/shop/category/' + slug(category), category=0)" t-field="category.name"></a>

  </li>


                </ol>


            </div>


          </div>

我想要一个像照片一样的结果

---

我在本模块中找到了解决方案

您可以在网站模块xml文件中添加此模板

这是真正的XML代码

感谢您提供此代码片段，它可能会提供一些有限的即时帮助。通过展示为什么这是一个很好的问题解决方案，A将极大地提高它的长期价值，并将使它对未来有其他类似问题的读者更有用。请在您的回答中添加一些解释，包括您所做的假设。