Menu cabeçalho não funciona

Boa tarde.

Estamos com dificuldades em acessar os produtos no menu cabeçalho na versão Desktop. O menu está com o recurso de drillwon ativo, porém os links que redirecionam aos produtos de cada categotria não estão abrindo corretamente, como no produto em destaque: Soft Touch

Existem outros produtos que também estão demorando para abrir, ou simplesmente não carregam.

Podem verificar com urgência?

Abs.

Já voltou lá tem um tempo, mas pelo que entendi em alguns produtos vocês criam categorias e coloca a categoria com mesmo slug do produto? Isso ai não é sempre que vai dar certo, porque ora pode carregar o slug associado a categoria e ora o contrário. O certo no caso, é ter links diferentes e ai no caso de querer mocar isso, dá pra ser feito com código

Na versão mobile, por exemplo, funciona corretamente seguindo a lógica de linkar os produtos diretamente na categoria. Não deveria ser da mesma forma no desktop?

Em relação a esse menu do cabeçalho, que é uma atualização, ficou bem bacana, só precisamos que funcione na mesma forma que no mobile.

Tens como nos posicionar também a respeito da reordenação das categorias dentro desse menu?

Obrigado,

Abraço.

É diferente, porque no mobile foi inserido um código para quando tiver o ID da categoria, modificar o link da categoria para o link do produto, vide código:

document.getElementById('c-5fad9d7580c6216a3fc547dc').href = '/impactor-flex-antibacteria-all';
document.getElementById('c-5f1f3f5bf023684cdbd4a1f4').href = '/impactor-ultra-all';

De toda forma, estou fazendo um teste aqui pra saber se precisa inserir mais alguns códigos js ou não.

Ou seja, a diferença de mobile para desktop, está nisso que foi colocado um código para mobile e nenhum para desktop.

Os ids já foram inseridos, agora é só fazer o css para colocar na ordenação desejada

Pode, por gentileza, nos indicar como fazer uma linha de código em css somente, assim podemos inserir via cms e testar por aqui!

obrigado

#s-colecoes div {
  display: flex;
  flex-direction: column
}
#cd-5f1f3f58f023684cdbd4a1ed {
  order: 1
}
#cd-5f1f3f57f023684cdbd4a1eb {
  order: 2
}

E ir continuando com order: 3…

1 curtida

Boa!

Obrigado, Matheus. :+1: :grinning:

Estou começando pelo menu Apple, uma subcategoria de capas.
Seguindo a ordem das categorias, descrevi o código css assim, mas ainda não mudou a ordem na loja:

}
#s-apple div {
  display: flex;
  flex-direction: column
}
#cd-614de58148adaf6e63a7ac9b {
  order: 1
}
#cd-614de59548adaf6e63a7acca {
  order: 2
}
#cd-614de5a348adaf6e63a7ace1 {
  order: 3
}

Esta correto colocar Apple ali, ao invés de Capas, que é o menu pai por exemplo?

Gostaríamos de colocar os modelos dos mais novos para os mais antigos, começando pela familia dos iPhone 13, por exemplo.

No caso ali não é s-apple e sim s-capas
E quando fizer isso, esse que tem order: 1, order: 2 e order: 3 vão lá pra baixo. Se quiser apenas subir, ai ao invés de ser order: 1, vai ser order: -10, order: -9, order: -8… no caso ai você só vai conseguir subir 10 itens, ser quiser 20, começaria por -20

1 curtida

Excelente, Matheus. :rocket:

Agora com esses ajustes as categorias reordenaram corretamente. :+1:
Última questão: o menu assim esta quebrando a linha, cortando o titulo da categoria:
image

Tem como expandir o menu todo na horizontal, ou somente aumentar o espaço entre as palavras para não dar quebra de linha?

Valeu!

Abraço.

Boa tarde! tudo bem?

Sobre o mencionado acima, existe a possibilidade?

Abs,

Bom dia, sim é possível com personalização via CSS.

1 curtida
@media(min-width: 767px) {
#s-capas {
  max-width: 100%;
  width: 80%
}
}
1 curtida

Isso ai vai resolver para capas, se fizer semelhante para os demais, vai funcionar também @lojacustomic

1 curtida

Excelente, Matheus!

Obrigado pelo suporte, vamos testar o código na loja para ver como fica! :+1: :smiley:

Valeu!

Abs,

1 curtida

No caso, você pode colocar todos dentro desse min-width para as alterações ocorrerem sempre no desktop

1 curtida

Blz!

No caso, Matheus, para que o menu fique cheio na horizontal, precisa mudar algo no código?

Aqui por exemplo ficou bem melhor, porém o menu ainda não fica cheio na horizontal ao lado esquerdo da tela, por exemplo:

A categoria , os “Outros modelos android”, consegue colocar em cima do “ipad e macbook”?

Abs!

Mudar algumas coisas.

Acredito que não deveria estar em todas as categorias, mas nessa ai é ok.

#s-capas:hover, .header__category:hover + #s-capas  {
  display: flex !important;
}
1 curtida

Boa tarde pessoal, tudo bem?

Replicamos o código em nosso site e não ficou ordenado como na Customic.
Alteramos as IDs de cada categorias seguindo o mesmo padrão em nosso site customic, mas não ordenou igual.

Poderiam nos dar um auxilio por gentileza?

Na mobifans e popsockets vai ser sd-…

alterei para sd- mas não atualizou lá.