Melhorias layout desktop

Boa tarde equipe @ecom!
Tudo certo?

Precisamos de ajuda com alguns ajustes no layout Desktop da nossa loja, tem alguns pontos que gostaria de verificar com vocês como ajustar, segue :

  1. Cabeçalho estourando (faixa em branco) - Existe alguma forma de ocultar essa faixa em branco que fica no topo da página? Como fazer isso via css?


    O ideal ali é que a faixa em azul ficasse abaixo do cabeçalho e fosse menor, somente no desktop, como fazem aqui : PopSockets.co | PopSockets® Sitio Oficial Colombia

  2. Disponibilidade do produto em estoque (Ocultar) - Quando o produto fica com estoque menor que 10, tem como ocultar esse aviso que fica na página do produto?

  3. Hierarquia no link (categorias no produto) - Como funciona a apresentação das categorias no campo em destaque? Por exemplo se um produto estiver alocado em 3 categorias (Ex. Comprar, PopSocket, Basic) correto seria mostar ali o link completo do produto, certo?

Grato!

Olá!

  1. Para tirar a faixa branca, acrescente o seguinte css:
.top-bar__nav{
  display: none !important;
}
  1. Ocultar a disponibilidade do estoque:
.product__short-stock{
  display:none !important;
}
1 curtida

Oi @thais, super valeu pelo suporte. :grin: :+1:

A faixa em branco sumiu mesmo no desktop usando o código css, porém no Mobile ocultou tb a faixa em Azul escuro com o texto da promo. Tem como esse código de ocultar funcionar só no Desktop?

Referente a hierarquia no Breadcrumb, o ideal mesmo é mostrar o caminho completo, de modo que saiba todas as categorias na qual o produto está alocado, em ordem de nível de categoria, se estiver em Comprar / Popsockets / Basic por exemplo, mostrar ali no campo do breadcrumb o caminho todo. Tem como fazer desta forma?

Obrigado! :pray:

Olá @popsocket, tudo bem?

A faixa superior e a azul São classes diferentes. Eu conferi aqui e a faixa esta mostrando. (Ela não é fixa. Se vc rolar a página, ela some: confere por favor.) :blush:

Referente a categoria no produto, vou abrir uma sugestão aqui para colocar a categoria Pai e última filha, pode ser? Assim como é feito por exemplo no site do Magazine Luiza. Veja por exemplo que lá Se entro na categoria, ele mostra todo o histórico, mas no produto, ele mostra só a pai e a ultima filha:

1 curtida

Oi @thais, boa tarde!

A faixa por hora está apresentando corretamente no mobile e no Desk agora. :+1:

Das categorias o ideal mesmo é mostrar o caminho completo, indicando todas as categorias na qual o produto está alocado em ordem de nível, igual a Magalu faz quando o cliente entra na categoria.

Pode ser assim?

Abri a sugestão da implementação aqui, ta!

Assim que ficar liberado te aviso!

Oi @thais, tudo bem?

Quanto tempo demora para implementar essas mudanças?

Obrigado.

Olha, já tem um bom tempo que estamos trabalhando nisso, mas surgiram prioridades.

No seu ERP você tentou listar esses dados? Porque normalmente eles tem isso pra você extrair as informações.

Se não tiver, me passa o básico que você precisa pra gente ver aqui por favor, pode ser?

Abração!

Oi @thais falo da sugestão que demos de apresentar o caminho completo das categorias no produto como citamos aqui, certo?

:blush:
desculpa. Li errado e misturei as postagens. Vou dar uma olhada aqui e te aviso, ta!

Abraço!

1 curtida

oi @thais Bom dia!

Conseguiu ver para nós se é possível mostrar o caminho completo da categoria?

Valeu!

oi.

Sim. é possível alterar pra vcs o json pra não precisar aguardar alteração no sistema, é uma personalização que da pra fazer. Estou aqui ajustando e ate amanhã libero pra vc, ta!

Grande abraço!

Já foi aberto uma sugestão pra isso. Mas por enquanto, dá pra ser alterado a lógica de programação para mostrar todos em template/pages/@/sections/breadcrumbs.ejs