Organização menu lateral

Bom dia! Tudo bem?

Estamos trabalhando a ordem dos menus laterais, reordenando a posição de alguns deles lá pelo cms, colocando em primeiro lugar os iphones mais novos em ordem decrescente, porém mesmo com os códigos e ids das respectivas categorias todos ordenados no cms, não está aplicando na loja as alterações.

Podem verificar o porque não está aplicando estes ajustes, e indicar para nós como reordenar as categorias?

Valeu!
Abs.

Bom dia, tudo bem?
O código inserido está errado. Para que fique em uma ordem desejada, você deve colocar um order em todas as categorias, pois colocar order: 1, não mudará em nada no código. Se quiser que ela suba e fique no topo, precisará colocar -1, para que ele assuma uma posição anterior as atuais. Mas se quiser uma ordem específica, sugiro colocar o atributo do css order em todas as categorias, começando do 1 até a posição final

1 curtida

Boa tarde, tudo certo!

Então, não entendemos muito bem o porque não funcionou esse css, pois temos o mesmo código aplicado na @lojacustomic e funciona sem quaisquer erros:

Loja customic:

#a-iphone .menu__list {
display: flex;
flex-direction: column;
font-weight: normal
}
#a-iphone .menu__list a#c-614de58148adaf6e63a7ac9b {
order: 1;
}
#a-iphone .menu__list a#c-614de59548adaf6e63a7acca {
order: 2;
}
#a-iphone .menu__list a#c-614de5a348adaf6e63a7ace1 {
order: 3;
}

loja Mobifans:

#a-iphone .menu__list {display: flex;
flex-direction: column;
font-weight: normal
}
#a-iphone .menu__list a#c-615201f548adaf6e63aa77a3 {
order: 1;
}
#a-iphone .menu__list a#c-6152021148adaf6e63aa77ce {
order: 2;
}
#a-iphone .menu__list a#c-6152022848adaf6e63aa77f1 {
order: 3;
}

pode nos sinalizar o que tem de diferente entre as frases em ambos os códigos?

abs

Posso sim, no caso, na customic ela tem os outros códigos de informe da ordenação. Veja, inspecionei elemento na categoria Iphone 12 Pro e lá tem o order: 7

#a-iphone .menu__list a#c-5fae6bed80c6216a3fc5846e {

order: 7;

}
Tem o Iphone 12 Pro Max

#a-iphone .menu__list a#c-5fae6c1780c6216a3fc58479 {

order: 8;

}

Ou seja, no customic todas as categorias têm seu respectivo order, seguindo uma sequência order: 1, order: 2, order: 3, order: 4, order: 5, order: 6, order: 7,… ficando da ordem desejada.

Um ultimo exemplo é o Iphone SE 2020, na customic está com:

#a-iphone .menu__list a#c-5f5fc8c07430f92180ef7e1b {

order: 12;

}

Sendo ele a décima segunda posição.

Bah Matheus, tentamos aqui ajustar mas não conseguimos. Podes fazer para nós esse ajuste para que possamos entender e conseguir replicar nas próximas que precisar fazer essa reordenação nas categorias?

Valeu!

Posso sim, a ordem é a mesma do customic, correto?

Isso, exatamente.

Obrigado!

Olá! Bom dia!

Alguma novidade lá com a ordem dos menus @Matheus ?

Qualquer ajuda que precisar de nossa parte é só sinalizar.

Valeu!

Abs.

Bom dia, ainda não. Como se trata de uma personalização, ontem não deu tempo ainda, mas hoje fazemos e colamos aqui pra você ver como fica

1 curtida

Show de bola. Valeu pela força.

Cada vez mais vamos agregando conhecimento para os outros lojistas e colaborando com a comunidade. :clap: :rocket: :rocket: :rocket:

Aguardamos.

Abraço!

1 curtida

A sua loja tem alguns códigos que estão dando conflito. Na sua loja já tem isso aqui:

#a-iphone .menu__list {
  display: flex;
  flex-direction: column;
  font-weight: normal
}
#a-iphone .menu__list a#c-615201f548adaf6e63aa77a3 {
  order: 1;
}
#a-iphone .menu__list a#c-6152021148adaf6e63aa77ce {
  order: 2;
}
#a-iphone .menu__list a#c-6152022848adaf6e63aa77f1 {
  order: 3;
}
#a-iphone .menu__list a#c-6152024248adaf6e63aa7828 {
  order: 4;
}
#a-iphone .menu__list a#c-5ef1022a14ff772fde7aaa9f {
  order: 5;
}
#a-iphone .menu__list a#c-5ef1022b14ff772fde7aaaa1 {
  order: 6;
}
#a-iphone .menu__list a#c-5ef1022c14ff772fde7aaaa3 {
  order: 7;
}
#a-iphone .menu__list a#c-5f6a09537430f92180f36570 {
  order: 8;
}
#a-iphone .menu__list a#c-5ef1022d14ff772fde7aaaa5 {
  order: 9;
}
#a-iphone .menu__list a#c-5ef1022e14ff772fde7aaaa7 {
  order: 10;
}
#a-iphone .menu__list a#c-5ef1022f14ff772fde7aaaaa {
  order: 11;
}
#a-iphone .menu__list a#c-5ef1023014ff772fde7aaaac {
  order: 12;
}
#a-iphone .menu__list a#c-5ef1023114ff772fde7aaaae {
  order: 13;
}
#a-iphone .menu__list a#c-5ef1023214ff772fde7aaab0 {
  order: 14;
}

É isso mesmo, só precisa organizar direitinho os ids das categorias.

Bom dia, tudo bem?

poderia arrumar na nossa loja esses códigos que estão conflitantes, por gentileza @Matheus ?

Estamos trabalhando as categorias mas não atualiza, acreditamos que seja devido a esses detalhes nos codigos css,

Valeu!

Bom dia, tudo bem?
Então tem muito código lá duplicado e conflitante, no caso isso aumenta e muito o meu trabalho. Te pediria pra retirar essa parte duplicada ou mesmo separar via comentários a organização de cada categoria, para somente assim eu entrar e ajustar

Tudo certo, Matheus, e por ai?

Então, justamente, lendo o código não conseguimos identificar essas duplicidades, a partir de qual linha ou trecho do código está conflitando e prejudicando a leitura dos demais códigos.

Não consegue inspecionar por ai e retirar somente o que está duplicado?

Para fazer isso, precisaria de um acesso ao seu CMS, nesse caso preciso que me passe no privado

Certo, enviamos a você no privado o acesso.

Pronto, tinha algumas categorias que não tinham lá e por isso bagunçaram tudo.