Cabeçalho de Categorias em Destaque

Muito obrigado

1 curtida

3 posts foram divididos em um novo tópico: Ícones de produto desalinhados após atualização

Acabei de atualizar e refatorar este componente. Ele aborda o mesmo caso de uso, mas tecnicamente é um novo componente.

Se você já tem o componente instalado e deseja mudar para a nova versão, precisará reinstalá-lo do novo repositório na descrição. Você também precisará ajustar as declarações de estilo, pois o template HTML é diferente.

A versão anterior permanece em seu repositório. Expanda estes detalhes para ler a descrição anterior.

Este componente de tema adiciona uma linha de categorias em destaque como um banner de cabeçalho. Ele mostra apenas logotipos e nomes, portanto, você deve ter um logotipo em cada categoria que deseja destacar:

Você pode escolher as categorias nas configurações do componente. Também adicionei algumas declarações de estilo para mudar a aparência diretamente lá:

Assim, é fácil obter alguns estilos básicos diferentes:

Para fazer mais personalização, as classes são

html.categories-header{
  .below-site-header-outlet.categories-header {
    .wrap {
      .categories-header-item {
        [link, logo, nome de cada item...]
      }
    }
  }
}

Repositório: GitHub - nolosb/discourse-categories-header

6 curtidas