Organizar por ordem alfabética categorias

Storefront (loja) CMS
#1

Oii, como faco para organizar as categorias filhas em ordem alfabéticas?

#2

Boa tarde, tudo bem?
Você fala onde? No menu?

1 curtida
#3

Isso, no caso quando vou ali no site ver essas categorias, elas nao estao em ordem, tem como organizar por ordem alfabética?

#5

oi @moara, tudo bem?

Vou conferir se tem já a sugestão de implementar e se não tiver, vou abrir, tá! Assim vocês tem a liberdade e facilidade de organizar o menu.

Enquanto isso, fiz o código CSS abaixo pra te ajudar nisso.

Basta no CMS ir em: Layout > Inserir código e acrescentar no final do ÚLTIMO QUADRO o código abaixo:

#a-acessorios .menu__list {
    display: flex;
    flex-direction: column;
}
#a-acessorios .menu__list a#c-5f3d65c5f023684cdbdb4818 {
    order: 1;
}
#a-acessorios .menu__list a#c-5f3d65a7f023684cdbdb47d6 {
    order: 2;
}
#a-acessorios .menu__list a#c-5f3d65b3f023684cdbdb47f0 {
    order: 3;
}
#a-acessorios .menu__list a#c-5f3d65b5f023684cdbdb47f4 {
    order: 4;
}
#a-acessorios .menu__list a#c-5f3d65a6f023684cdbdb47d3 {
    order: 5;
}
#a-acessorios .menu__list a#c-5f3d65b4f023684cdbdb47f2 {
    order: 6;
}
#a-acessorios .menu__list a#c-5f3d65a8f023684cdbdb47da {
    order: 7;
}
#a-acessorios .menu__list a#c-5f3d65b2f023684cdbdb47ee {
    order: 8;
}
#a-acessorios .menu__list a#c-5f3d65c0f023684cdbdb480d {
    order: 9;
}
#a-acessorios .menu__list a#c-5f3d65c1f023684cdbdb480f {
    order: 10;
}
#a-acessorios .menu__list a#c-5f3d65a3f023684cdbdb47cd {
    order: 11;
}
#a-acessorios .menu__list a#c-5f3d65a4f023684cdbdb47cf {
    order: 12;
}
#a-acessorios .menu__list a#c-5f3d65c4f023684cdbdb4816 {
    order: 13;
}

#a-moara-makeup .menu__list {
    display: flex;
    flex-direction: column;
}
#a-moara-makeup .menu__list a#c-5f3d65acf023684cdbdb47e2 {
    order: 1;
}
#a-moara-makeup .menu__list a#c-5f3d65bcf023684cdbdb4804 {
    order: 2;
}
#a-moara-makeup .menu__list a#c-5f3d65abf023684cdbdb47e0 {
    order: 3;
}
#a-moara-makeup .menu__list a#c-5f3d65bff023684cdbdb480b {
    order: 4;
}
#a-moara-makeup .menu__list a#c-5f3d65c2f023684cdbdb4811 {
    order: 5;
}
#a-moara-makeup .menu__list a#c-5f3d65bbf023684cdbdb4802 {
    order: 6;
}
#a-moara-makeup .menu__list a#c-5f3d65aaf023684cdbdb47de {
    order: 7;
}
#a-moara-makeup .menu__list a#c-5f3d65adf023684cdbdb47e4 {
    order: 8;
}
#a-moara-makeup .menu__list a#c-5f3d65c3f023684cdbdb4813 {
    order: 9;
}

#a-petit-moara .menu__list {
    display: flex;
    flex-direction: column;
}
#a-petit-moara .menu__list a#c-5f3d65b6f023684cdbdb47f6 {
    order: 1;
}
#a-petit-moara .menu__list a#c-5f3d65b8f023684cdbdb47fb {
    order: 2;
}
#a-petit-moara .menu__list a#c-5f3d65b7f023684cdbdb47f8 {
    order: 3;
}
#a-petit-moara .menu__list a#c-5f3d65b9f023684cdbdb47fd {
    order: 4;
}
#a-petit-moara .menu__list a#c-5f3d65bef023684cdbdb4809 {
    order: 5;
}
#a-petit-moara .menu__list a#c-5f3d65baf023684cdbdb47ff {
    order: 6;
}

Aguardo seu retorno se ficou ok, ta!

Abraço! :blush:

1 curtida
#6

Olá, deu certo, ficou ótimo
Muito Obrigada :blush:

1 curtida
#7

Que bom!

Qualquer coisa, estou à disposição!

Abraço!

1 curtida