Storefront – duplicando menus

olá @papoviagem,

experimente ir em Aparência > Personalizar e então ir na última seção, CSS Adicional. então adicione o código abaixo,

.woocommerce-breadcrumb a:first-of-type::before {
display: none;
}

por favor, me diga se deu certo. se sim, favor marcar o tópico como “Resolvido”.

saudações,

olá @papoviagem,

esse “segundo menu” não é um menu, é algo que se chama Breadcrumb, que em tradução literal seria “Migalhas de pão”. tem sua origem inspirada na história de fábula de João e Maria, que usam migalhas de pão para marcar o caminho de volta. então o Breadcrumb é um recurso muito comum – você o vê no Mercado Livre, Submarino, Livraria Cultura, enfim, qualquer grande loja virtual – para que o cliente tenha noção de onde ele está no site, em que seção e produto.

no seu exemplo “Início / Harry Potter Forever / Capa Kindle Expecto Patronum”, o cliente fica ciente que depois da página “Início” ele entrou na seção “Harry Potter Forever” e está no produto “Capa Kindle Expecto Patronum”.

é indicado deixar o “Início” (aliás, é por isso que tem casinha, referência para “Home” no original em inglês). o Breadcrumb é um elemento considerado no design do site pelo Google, ou seja, o SEO de sua página.

e principalmente, esse “Início” faz parte do sistema de Breadcrumb. se quiser tirá-lo, tem que tirar tudo. nesse caso, volte lá em Aparência > Personalização > CSS Adicional e mude o código que passei anteriormente para,

.woocommerce-breadcrumb {
display: none;
}

até tem como tirar apenas o “Início”, mas não por CSS, teria que mexer no PHP, o que seria algo bem mais avançado e com certos riscos.

saudações,