#spartacus-storefront
#spartacus-storefront
Вопрос:
Я переопределяю ProductListPageTemplate следующим образом:
<ng-template cxOutletRef="ProductListPageTemplate">
<app-product-list-template></app-product-list-template>
</ng-template>
При этом компонент cx-product-facet-navigation
ведет себя некорректно с относительными ссылками для запросов внутри категории.
В частности:
Фасеты вычисляют ссылку как
<a class="value ng-star-inserted" href="/en/USD/?query=:relevance:allCategories:TCE:productCarBrands:8796093070078" tabindex="-1" data-cx-focus="CHEVROLET">
<span>
<span class="label">CHEVROLET</span>
<span class="count">2</span>
</span>
</a>
Вместо
<a class="value ng-star-inserted" href="/en/USD/industry-solutions/c/TCE?query=:relevance:allCategories:TCE:productCarBrands:8796093070078" tabindex="-1" data-cx-focus="CHEVROLET">
<span>
<span class="label">CHEVROLET</span>
<span class="count">2</span>
</span>
</a>
Итак, что-то происходит при переопределении выхода шаблона таким образом, что активный маршрут теряется.
Комментарии:
1. Привет, Себастьян, я знаю, почему это происходит, но пока не нашел времени предложить вам лучшее решение. Вам нужно использовать торговые точки в этом случае или вы могли бы использовать альтернативный подход? Если вы сможете подробнее рассказать о том, чего вы пытаетесь достичь, мы сможем разблокировать вас с помощью другого подхода.
2. Привет, Тобиас. Извините за поздний ответ. Нам просто нужно иметь правильные ссылки в фасетах, просто нормальное поведение после переопределения шаблона, как мы это сделали. Мы сделали это переопределение, потому что в этом шаблоне мы разделили слоты на два столбца с поведением «стека» вместо сетки (таблицы). Мы сделали это потому, что в противном случае у нас было много пустых пространств из-за разных размеров этих слотов / компонентов, поскольку размеры являются динамическими. Опция, предоставляемая Spartacus для переопределения шаблона, нам очень подходит, поэтому мы с удовольствием сохраним ее, но сможем нормально использовать фасеты.