Grupos de categorías

:discourse2: Resumen Grupos de categorías te permite asignar categorías a grupos, los cuales se utilizan para ordenar y colapsar categorías en la página de categorías.
:eyeglasses: Vista previa Vista previa en Discourse Theme Creator
:hammer_and_wrench: Enlace al repositorio https://github.com/discourse/discourse-category-groups-component
:open_book: ¿Nuevo en los temas de Discourse? Guía para principiantes sobre el uso de temas de Discourse

Instalar este componente de tema

Funcionalidades

:information_source: Aspectos importantes a tener en cuenta:

  • Este componente de tema solo funciona con la configuración del sitio desktop category page style establecida en boxes with subcategories (ya que reemplaza esa plantilla de página de categorías).

  • El colapso de categorías funciona utilizando el almacenamiento local de tu navegador, por lo que el estado colapsado no se recordará entre diferentes dispositivos.

Configuración

Nombre Descripción
category groups Así se configuran los grupos. Formato: Nombre del grupo: slug-de-categoría, id-enlace-extra, slug-de-categoría-2 (El slug de la categoría es el nombre de la categoría tal como aparece en las URLs. Por lo general, todo en minúsculas y sin espacios)
extra links Enlaces adicionales que pueden mezclarse en la lista de categorías. Agrega el ID del enlace en la configuración category_groups para renderizarlo
show on mobile Mostrar los grupos de cajas de categorías colapsables en dispositivos móviles
show ungrouped Mostrar un grupo de categorías que no están asignadas a otro grupo
fancy styling Activar estilos adicionales (Estos son algunos estilos personalizados agregados. Se desvían de nuestros valores predeterminados, por lo que si estás trabajando en tu propio tema, es posible que desees desactivar esto)
hide muted subcategories Cuando está activado, una categoría principal no silenciada no aparecerá bajo la sección silenciada si tiene una subcategoría silenciada
Traducciones del tema Predeterminado
ungrouped_categories_title Otros

:discourse2: ¿Alojado por nosotros? Los componentes de tema están disponibles para usar en nuestros planes Pro, Business y Enterprise.

53 Me gusta

Acabo de fusionar una refactorización de este componente. La funcionalidad debería seguir siendo la misma en general, con algunas correcciones de errores.

Detrás de escena, esto utiliza un Ember modernizado y elimina las anulaciones de plantillas, que pueden ser un poco frágiles en lo que respecta a las personalizaciones de Discourse.

Esto debería estar arreglado ahora.

Esto está arreglado ahora, los grupos ya no se aplicarán a los diseños de subcategorías.

He actualizado esto, por lo que los logotipos de las categorías ahora deberían tener un tamaño mucho más normal.

6 Me gusta

¿Es posible no mostrar subcategorías para una categoría en particular? Tenemos una categoría que está organizada de una manera particular con subcategorías anidadas y eso está haciendo que el cuadro sea bastante grande.

2 Me gusta

Quizás prueba el Ocultador de Categorías en Theme component

2 Me gusta

¿Podrías decirme si es posible aplicar las agrupaciones de categorías a la barra lateral? Si no, me gustaría enviarlo como una solicitud de función. ¡Gracias!

1 me gusta


Hay un problema en mi sitio web, las subcategorías no tienen espacio entre ellas.

2 Me gusta

Gracias por informarlo, una actualización debería solucionarlo ahora (corregido en UX: include gap for subcategories by awesomerobot · Pull Request #19 · discourse/discourse-category-groups-component · GitHub).

2 Me gusta

No es posible, la barra lateral necesitaría un cambio mayor en Discourse para permitir esto (¡solicitud anotada!)

2 Me gusta

Sería genial si esta agrupación fuera personalizable por el usuario, algunas personas de nuestra comunidad lo querían.

Sí, esto necesita un plugin, pero creo que es una buena idea

¿Alguna idea de por qué el ancho de la categoría es tan estrecho? ¿Hay alguna forma de solucionarlo?

2 Me gusta

¿Está esto en el tema Mint? Acabo de hacer una pequeña actualización que debería solucionarlo; había un ligero conflicto entre el CSS de ese tema y este componente.

3 Me gusta

Sí, fue la menta, gracias.

2 Me gusta

¿Cómo evito que las cajas se delineen con el color de la categoría? He intentado bifurcarlo, agregar CSS y también cambiar el estilo <li> en categories-groups.hbs

(Tenga en cuenta que soy un aficionado, no un desarrollador capacitado)

3 Me gusta

Puedes añadir un poco de CSS a tu tema para eliminar los bordes de colores:

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

o si tienes activada la opción de “estilo avanzado”:

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

1 me gusta

Gracias Kris,

Parece que tengo un problema mayor. Por alguna razón, cada vez que intento actualizar el componente Theme, no capta los cambios en absoluto. Así que mi CSS estaba bien, simplemente no se estaba cargando. No es algo para este hilo, buscaré para ver si hay algo tonto que estoy haciendo.

1 me gusta

¿Sería posible tener las cajas de estilo elegantes con una sección de “últimos” debajo de las categorías? En esencia, quiero hacer lo mismo que hace el componente “Categorías modernas + Cajas de grupo” en el tema Air. Puedes seleccionar Categorías con Últimos para la vista de escritorio y los últimos se muestran debajo de las categorías.

Estoy intentando editar mi propia versión de CSS, pero no soy un experto. ¿Sería algo fácil de hacer o podría estar fuera de mi alcance?

1 me gusta

Tengo este caso de uso, donde tenemos muchas categorías y subcategorías habilitadas, y hacen que la página de destino esté muy abarrotada, lo que dificulta encontrar lo que interesa al usuario.

Debido a esto, queremos personalizar la página de destino de Grupos de Categorías para que esté más dirigida a los usuarios en áreas de interés específicas (a través de los grupos de usuarios).

Por lo tanto, propongo agregar una opción de visibilidad para cada grupo de categorías. Si se define alguna, el grupo de categorías solo se haría visible para aquellos grupos de usuarios habilitados en su configuración.

He creado una solicitud de extracción (pull-request) para demostrar lo que quiero decir con todo esto. Por favor, hazme saber qué piensas de esta opción. ¿La usarías? ¿Se aplica a tu sitio de Discourse?

p.d. Esta nueva opción propuesta no debe considerarse como un control de acceso alternativo. Simplemente controla qué grupos de categorías serán visibles para el usuario conectado en función de su pertenencia a grupos. Los permisos existentes seguirán en vigor.

1 me gusta

Parece que no se muestra después de las últimas actualizaciones de Discourse, podría necesitar una actualización para que este TC funcione

Me pregunto por qué no se habilita este estilo en el móvil con la opción de categorías predeterminadas?

¡Se ven maravillosos con el componente!