Por padrão, as trilhas de navegação são parecidas com: página inicial> categoria> produto.
Gostaria de mudar o símbolo maior que (>). O código que o gera está em
vendor/magento/magento2-base/lib/web/css/source/lib/_breadcrumbs.less
e fica assim:
.lib-breadcrumbs(
...
// Breadcrumbs separating symbol
@_breadcrumbs-separator-symbol: @breadcrumbs-separator__symbol,
...
& when not (@_breadcrumbs-separator-symbol = '') and not (@_breadcrumbs-separator-symbol = false) { // Insert separating symbol to "content"
.item:not(:last-child) {
&:after {
.lib-css(color, @_breadcrumbs-separator-color);
.lib-css(content, @_breadcrumbs-separator-symbol);
}
}
}
O único lugar para o qual encontrei uma definição @breadcrumbs-separator__symbol
é
vendor/magento/magento2-base/lib/web/css/source/lib/variables/_breadcrumbs.less
onde é definido como falso
@breadcrumbs-separator__symbol: false;
Substituindo o @breadcrumbs-separator__symbol
resultado em um símbolo estranho:
em vez do símbolo que eu escolhi.
Para tornar as coisas ainda mais confusas, no html gerado, vejo que o conteúdo do símbolo é '\ e608' e parece que ele vem do _icons.less
arquivo.
Alguém pode explicar o que está acontecendo aqui e como proceder para alterá-lo?
Qualquer ajuda é apreciada!