Encabezado de Categorías Destacadas

Muchas gracias

1 me gusta

3 publicaciones se dividieron en un nuevo tema: Iconos de producto desalineados después de la actualización

Acabo de actualizar y refactorizar este componente. Aborda el mismo caso de uso, pero técnicamente es un componente nuevo.

Si ya tienes el componente instalado y quieres cambiar a la nueva versión, necesitarás reinstalarlo desde el nuevo repositorio en la descripción. También necesitarás ajustar las declaraciones de estilo, ya que la plantilla HTML es diferente.

La versión anterior simplemente permanece en su repositorio. Expande estos detalles para leer la descripción anterior.

Este componente de tema añade una fila de categorías destacadas como un banner de encabezado. Solo muestra logotipos y nombres, por lo que deberías tener un logotipo en cada categoría que quieras destacar:

Puedes elegir las categorías en la configuración del componente. También se añadieron algunas declaraciones de estilo para cambiar el aspecto directamente allí:

Así que es fácil obtener algunos estilos básicos diferentes:

Para una mayor personalización, las clases son

html.categories-header{
  .below-site-header-outlet.categories-header {
    .wrap {
      .categories-header-item {
        [enlace, logo, nombre.. de cada elemento]
      }
    }
  }
}

Repositorio: GitHub - nolosb/discourse-categories-header

6 Me gusta