如何在侧边栏仅显示当前激活的父分类及其子分类？

要实现仅在侧边栏分类导航中展示当前激活的父分类及其子分类，可按以下步骤修改storefront/layout/sidebar/category-navigation.html.twig模板：

1. 替换核心渲染逻辑 #

找到原模板中遍历顶级分类的代码块，替换为以下逻辑：

{% set activeCategory = page.navigation.active %}

{% if activeCategory %}
    {# 确定目标父分类：若当前激活的是子分类，取其父节点；否则用自身 #}
    {% set targetParent = activeCategory.parentId ? page.navigation.tree[activeCategory.parentId] : activeCategory %}

    {# 渲染父分类标题 #}
    <div class="category-navigation-item">
        <strong>{{ targetParent.translated.name }}</strong>
    </div>

    {# 渲染可用子分类列表 #}
    {% if targetParent.children is not empty %}
        <ul class="category-navigation-list">
            {% for child in targetParent.children|filter(category => category.active) %}
                <li class="category-navigation-item">
                    <a href="{{ seoUrl('frontend.navigation.page', { navigationId: child.id }) }}"
                       class="category-navigation-link{% if child.id == activeCategory.id %} is-active{% endif %}">
                        {{ child.translated.name }}
                    </a>
                </li>
            {% endfor %}
        </ul>
    {% endif %}
{% else %}
    {# 无激活分类时，保留原顶级分类渲染逻辑（可根据需求调整） #}
    {% for category in page.navigation.tree|filter(cat => cat.level == 1) %}
        {% sw_include '@Storefront/storefront/layout/sidebar/category-navigation-item.html.twig' with {
            category: category,
            currentCategory: page.navigation.active
        } %}
    {% endfor %}
{% endif %}

2. 关键逻辑说明 #

• 目标父分类定位：通过activeCategory.parentId判断当前激活分类层级，自动切换到对应的父节点，确保始终展示父分类+子分类的结构。
• 过滤可用分类：使用|filter(category => category.active)仅渲染已发布、可访问的子分类，无需过滤可直接移除该条件。
• 激活状态高亮：给当前选中的子分类添加is-active类，适配原有主题的高亮样式。

3. 样式适配 #

如果原有模板使用了自定义类名，需将代码中的category-navigation-item、category-navigation-list等类名替换为主题对应的类，保证样式正常显示。

内容的提问来源于stack exchange，提问作者Joshi