Grupos de categorias

:discourse2: Resumo Grupos de Categorias permite atribuir categorias a grupos, que são então usados para ordenar e recolher categorias na página de categorias.
:eyeglasses: Pré-visualização Pré-visualizar no Discourse Theme Creator
:hammer_and_wrench: Link do Repositório https://github.com/discourse/discourse-category-groups-component
:open_book: Novo em Temas do Discourse? Guia para iniciantes sobre o uso de Temas do Discourse

Instale este componente de tema

Funcionalidades

:information_source: Pontos importantes a observar:

  • Este componente de tema funciona apenas com a configuração do site desktop category page style definida como boxes with subcategories (já que ele substitui o modelo da página de categorias).

  • O recolhimento de categorias funciona usando o armazenamento local do seu navegador, então o estado recolhido não será lembrado entre diferentes dispositivos.

Configurações

Nome Descrição
category groups É assim que os grupos são configurados. Formato como: Nome do grupo: slug-da-categoria, extra-link-id, slug-da-categoria-2 (O slug da categoria é o nome da categoria como aparece nas URLs. Geralmente tudo em minúsculas e sem espaços)
extra links Links extras que podem ser misturados na lista de categorias. Adicione o ID do link na configuração category_groups para renderizar
show on mobile Mostrar os grupos de caixas de categorias recolhíveis no mobile
show ungrouped Exibir um grupo de categorias que não estão atribuídas a outro grupo
fancy styling Ativar estilos adicionais (Estes são alguns estilos personalizados adicionados. Eles se afastam dos nossos padrões, então se você estiver trabalhando em seu próprio tema, pode querer desativar isso)
hide muted subcategories Quando ativado, uma categoria pai não silenciada não aparecerá na seção silenciada se tiver uma subcategoria silenciada
Traduções do Tema Padrão
ungrouped_categories_title Outros

:discourse2: Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Pro, Business e Enterprise.

53 curtidas

Acabei de mesclar um refatoramento deste componente. A funcionalidade deve permanecer a mesma no geral, com algumas correções de bugs.

Nos bastidores, isso usa um Ember modernizado e elimina substituições de template, que podem ser um pouco frágeis em relação às personalizações do Discourse.

Isso deve estar corrigido agora

Isso está corrigido agora, os grupos não se aplicarão mais aos layouts de subcategorias

Atualizei isso, então os logotipos das categorias agora devem ter um tamanho muito mais normal

6 curtidas

É possível não exibir subcategorias para uma categoria específica? Temos uma categoria organizada de uma maneira particular com subcategorias aninhadas e isso está fazendo com que a caixa fique bem grande.

2 curtidas

Talvez tente o Category Hider em Theme component

2 curtidas

Você pode me dizer se é possível aplicar os agrupamentos de categorias à barra lateral? Se não, eu gostaria de registrar isso como uma solicitação de recurso. Obrigado!

1 curtida


Há um problema no meu site, as subcategorias não têm espaço entre elas.

2 curtidas

Obrigado por relatar, uma atualização deve corrigir isso agora (corrigido em UX: include gap for subcategories by awesomerobot · Pull Request #19 · discourse/discourse-category-groups-component · GitHub).

2 curtidas

Não é possível, a barra lateral precisaria de uma alteração maior no Discourse para permitir isso (solicitação anotada!)

2 curtidas

Seria ótimo se esse agrupamento pudesse ser personalizado pelo usuário, algumas pessoas em nossa comunidade queriam isso.

Sim, isso precisa de um plugin, mas é uma boa ideia, eu acho

Alguma ideia do porquê a largura da categoria está tão estreita? Há alguma maneira de corrigir isso?

2 curtidas

isso está no tema Mint? Acabei de fazer uma pequena atualização que deve corrigir isso — houve um pequeno conflito entre o CSS desse tema e este componente

3 curtidas

Sim, foi a menta, obrigado

2 curtidas

Como faço para evitar que as caixas sejam delineadas com a cor da categoria? Tentei fazer um fork, adicionar CSS e também alterar o style <li> em categories-groups.hbs

(Note que sou um diletante, não um desenvolvedor treinado)

3 curtidas

Você pode adicionar um pouco de CSS ao seu tema para remover as bordas coloridas:

.category-boxes .category-box {
  border-left: 2px solid var(--primary-low) !important;
}

ou se você tiver a configuração “fancy styling” ativada:

.custom-categories-groups .category-box {
    border: 2px solid var(--primary-low) !important;
}

1 curtida

Obrigado, Kris,

Parece que estou tendo um problema maior. Por algum motivo, sempre que tento atualizar o componente Theme, ele não capta as alterações. Então meu CSS estava bom, ele apenas não estava sendo carregado. Não é algo para este tópico, vou pesquisar para ver se estou fazendo algo idiota.

1 curtida

Seria possível ter as caixas de estilo sofisticadas com uma seção de “últimos” abaixo das categorias? Essencialmente, quero fazer a mesma coisa que o componente “Categorias Modernas + Caixas de Grupo” faz no Tema Air. Você pode selecionar Categorias com Últimos para a visualização desktop e os últimos são exibidos abaixo das categorias.

Estou tentando editar minha própria versão do CSS, mas não sou um especialista. Seria algo fácil de fazer ou pode estar fora do meu conjunto de habilidades?

1 curtida

Tenho este caso de uso, onde temos muitas categorias e subcategorias habilitadas, e elas tornam a página de destino muito lotada, dificultando a localização do que interessa ao usuário.

Por causa disso, queremos personalizar a página de destino dos Grupos de Categorias de forma que ela seja mais direcionada para os usuários em áreas de interesse específicas (através dos grupos de usuários).

Portanto, proponho adicionar uma opção de visibilidade para cada grupo de categorias. Se alguma for definida, o grupo de categorias só será visível para os grupos de usuários habilitados em suas configurações.

Eu criei um pull-request para demonstrar o que quero dizer com tudo isso. Por favor, me diga o que você acha desta opção. Você a usaria? Ela se aplica ao seu site Discourse?

p.s. Esta nova opção proposta não deve ser considerada como controle de acesso alternativo. Ela simplesmente controla quais grupos de categorias serão visíveis para o usuário logado com base em suas associações de grupo. As permissões existentes ainda estarão em vigor.

1 curtida

Parece que não está aparecendo após as últimas atualizações do Discourse, pode ser necessário uma atualização para que este TC funcione.

Gostaria de saber por que não habilitar este estilo no celular com a opção de categorias padrão?

Eles ficam maravilhosos com o componente!