Baza wiedzy LINKSPOT › Wygląd sklepu

Obsługa zawężania kategorii w wynikach wyszukiwania w szablonie Szafir

Wygląd sklepu · Opublikowano 2024-11-20

W tym artykule dowiesz się jak dodać możliwość zawężania kategorii przy prezentacji wyników wyszukiwania w szablonie Szafir.

W pierwszej kolejności otwórz plik common/categories-navigation/sliding-navigation-partial.html. Wyszukaj frazę sliding-categories-ui. Pod znalezioną linią wklej poniższy kod.
`{% if page.PageId == config.DefinedPages.ProductList.Id and products.Search != null -%}
{% for group in products.FilteringOptions.Groups -%}

{% if group.Parent != null and group.Parent.Id != config.DefinedPages.ProductList.Id -%} {{group.Parent.Name}} {% endif -%} {% assign groupCount = 0 -%} {% for node in group.Nodes -%} {% assign groupCount = groupCount | Plus: node.Count -%} {% endfor -%} {{group.Group.Name}} {{groupCount}}

{% endfor -%}
{% else -%}Przejdź na koniec dokumentu. Powinieneś zauważyć tam dwa tagi zamykające ***<div>***.


Nad nimi umieść poniższą linię.{% endif -%}Następnie otwórz plik ***css/desktop2.css*** i w dowolnym miejscu (np. na końcu pliku) wklej poniższy kod..filtered-category-group-ui {
margin: 20px; }
.filtered-category-group-ui a {
display: block;
position: relative; }
.filtered-category-group-ui .parent-ui {
color: #696666; }
.filtered-category-group-ui .node-ui {
padding-left: 20px; }
.filtered-category-group-ui .count-ui {
position: absolute;
right: 0; }`

+ Mam problem z tym tematem Otwórz w portalu bazy wiedzy »