Previsualizaciones de la lista de temas (TLP)

@merefield

Instalé el plugin Topic List Previews (TLP) y quiero mostrar vistas previas de miniaturas de temas en la página de resultados de búsqueda, pero no funciona, solo muestra los ‘azulejos’ y extractos de los temas. Pero las miniaturas funcionan en otras páginas como /new y /latest. Intenté modificar la configuración de TLP, pero ninguno de mis cambios tuvo éxito. Noté que esta página menciona otro plugin (discourse-topic-previews-sidecar), por lo que sospeché que el problema se debía a no instalarlo. Sin embargo, después de instalar ese plugin, la página de resultados de búsqueda todavía no muestra miniaturas.

Tengo algunas preguntas:

  1. ¿Es suficiente instalar TLP solo para habilitar las vistas previas de miniaturas en los resultados de búsqueda, o necesito tanto TLP como discourse-topic-previews-sidecar?

  2. ¿Se requiere alguna configuración especial de TLP para los resultados de búsqueda? ¿Por qué no surten efecto mis configuraciones?

  3. Quiero tener vistas previas de miniaturas en la página de resultados de búsqueda como lo hace este sitio web. ¿Cómo debería configurarlo? ¿Podría describir los pasos clave de configuración en detalle?

Adjunto capturas de pantalla de mi configuración actual.

Configuración de TLP

[
	{
		"setting": "topic_list_tiles_topic_lists",
		"value": "latest|new|unread|top|tag|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_tiles_categories",
		"value": ""
	},
	{
		"setting": "topic_list_tiles_tags",
		"value": ""
	},
	{
		"setting": "topic_list_thumbnails_topic_lists",
		"value": "latest|new|unread|top|tag|suggested|agenda|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|suggested-mobile|agenda-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_thumbnails_categories",
		"value": "42"
	},
	{
		"setting": "topic_list_thumbnails_tags",
		"value": ""
	},
	{
		"setting": "topic_list_excerpts_topic_lists",
		"value": "latest|new|unread|top|tag|suggested|agenda|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|agenda-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_excerpts_categories",
		"value": ""
	},
	{
		"setting": "topic_list_excerpts_tags",
		"value": ""
	},
	{
		"setting": "topic_list_actions_topic_lists",
		"value": "latest|new|unread|top|tag|suggested|agenda|activity-topics|activity-portfolio|latest-mobile|new-mobile|unread-mobile|top-mobile|tag-mobile|agenda-mobile|activity-topics-mobile|activity-portfolio-mobile"
	},
	{
		"setting": "topic_list_actions_categories",
		"value": ""
	},
	{
		"setting": "topic_list_actions_tags",
		"value": ""
	},
	{
		"setting": "topic_list_set_category_defaults",
		"value": false
	},
	{
		"setting": "topic_list_dominant_color_background",
		"value": "tiles only"
	},
	{
		"setting": "topic_list_show_like_on_current_users_posts",
		"value": true
	},
	{
		"setting": "topic_list_tiles_larger_featured_tiles",
		"value": true
	},
	{
		"setting": "topic_list_tiles_wide_format",
		"value": false
	},
	{
		"setting": "topic_list_portfolio",
		"value": true
	},
	{
		"setting": "topic_list_portfolio_filter_type",
		"value": "tag"
	},
	{
		"setting": "topic_list_portfolio_filter_parameter",
		"value": ""
	},
	{
		"setting": "topic_list_default_thumbnail",
		"value": ""
	},
	{
		"setting": "topic_list_default_thumbnail_fallback",
		"value": false
	},
	{
		"setting": "topic_list_thumbnail_resolution_level",
		"value": 3
	},
	{
		"setting": "topic_list_thumbnail_width",
		"value": 150
	},
	{
		"setting": "topic_list_thumbnail_height",
		"value": 100
	},
	{
		"setting": "topic_list_thumbnail_width_mobile",
		"value": 50
	},
	{
		"setting": "topic_list_thumbnail_height_mobile",
		"value": 60
	},
	{
		"setting": "topic_list_thumbnail_first_x_rows",
		"value": 0
	},
	{
		"setting": "topic_list_featured_images",
		"value": false
	},
	{
		"setting": "topic_list_featured_images_resolution_level",
		"value": 2
	},
	{
		"setting": "topic_list_featured_images_category",
		"value": false
	},
	{
		"setting": "topic_list_featured_images_from_current_category_only",
		"value": true
	},
	{
		"setting": "topic_list_featured_images_tag",
		"value": ""
	},
	{
		"setting": "topic_list_featured_images_tag_show",
		"value": true
	},
	{
		"setting": "topic_list_featured_images_count",
		"value": 0
	},
	{
		"setting": "topic_list_featured_images_order",
		"value": "latest"
	},
	{
		"setting": "topic_list_featured_width",
		"value": 0
	},
	{
		"setting": "topic_list_featured_height",
		"value": 250
	},
	{
		"setting": "topic_list_featured_height_mobile",
		"value": 150
	},
	{
		"setting": "topic_list_featured_title",
		"value": ""
	},
	{
		"setting": "topic_list_featured_excerpt",
		"value": 100
	},
	{
		"setting": "topic_list_featured_details_always_show",
		"value": "only on hover"
	},
	{
		"setting": "topic_list_test_image_url_timeout",
		"value": 5000
	},
	{
		"setting": "topic_list_fps_search_grid",
		"value": true
	},
	{
		"setting": "topic_list_fps_search_blurb",
		"value": true
	},
	{
		"setting": "topic_list_fps_search_author",
		"value": true
	}
]

Hola

Supongo que mi problema está relacionado con TLP pero no estoy seguro. Actualicé discourse ayer a la última versión y, desde entonces, tengo miniaturas arriba en lugar de a la izquierda en el móvil (y solo en móviles, no pude reproducirlo con herramientas de desarrollador)

foro: cwowd
(puede que no esté relacionado con el ‘error’ anterior, no hay diferencia si el modo glimmer está configurado en automático o habilitado)

1 me gusta

Si borras la configuración de “Listas de temas”, deberías poder desactivar las funciones no deseadas, por ejemplo:

Hay opciones para miniaturas, extractos, acciones, etc.

No se puede reproducir. En el último TLP, el formato es perfecto. Elimina todos los demás componentes del tema/tema y vuelve a intentarlo.

Es muy posible que tengas algo más activo que esté en conflicto.

O el tamaño de la miniatura de tu móvil es demasiado grande.

Gracias por intentarlo :wink:

El tamaño de las miniaturas: Lo intenté y se muestran correctamente a la izquierda a… 12px de ancho. No hace falta decir que son invisibles en este caso.

Si entiendo correctamente lo que está sucediendo, se “añade” una columna a la izquierda para mostrar el icono del autor del último mensaje (cuando deberíamos tener en su lugar la miniatura asignada al tema). Y la miniatura termina posicionada encima del título del tema por falta de espacio para alinearse a la izquierda como se pretendía.

1 me gusta

Debería verse así. Pero sí. Google (en mi caso) solo me dio este ancho :sweat_smile:

¿Quieres imágenes más grandes? Cambia a la vista de mosaicos en el móvil.

Así es como solía funcionar, para mi mayor satisfacción, durante muchos años :wink:

La actualización a 3.5.0.beta2-dev rompió algo, pero no puedo averiguar qué. O por qué volvió esta columna de autor f** (y no obtuve ayuda de las herramientas de desarrollo, todo está bien cuando emula la pantalla de los móviles).

Debería mostrar el avatar si no hay miniatura.

¿No veo ningún problema en la última versión? (siempre que las miniaturas sean lo suficientemente pequeñas :))

De hecho, espero que este TC sea más estable que antes porque ahora puede usar la nueva API oficial para anulaciones y no depende del reemplazo de plantillas.

Tuve que eliminar TLP para todas las páginas móviles.

El problema secundario es que las herramientas de desarrollador no emulan páginas móviles reales (por ejemplo, las mías todavía tienen miniaturas en las herramientas de desarrollador de "vista móvil" mientras que TLP solo se activa para páginas de escritorio).

¿Puedes resumir por qué? Quiero decir, estoy haciendo mi mejor esfuerzo con el espacio disponible.

como se dijo anteriormente (Topic List Previews (TLP) - #594 by Thierry_Trégaro), desde la última actualización de discourse, las miniaturas se mostraban encima del título en el móvil (en lugar de a la izquierda), dejando un espacio en blanco demasiado grande a la izquierda.

lamentablemente, no queda más remedio que degradar a miembro pict

He desactivado temporalmente las fichas para esta vista. No veo ningún problema. Este sitio está actualizado hasta ayer.

Pixel 6a

Tiene sentido que la miniatura tenga que ser de un tamaño similar al avatar para que todo se distribuya correctamente…

…o simplemente cambia a la vista de Fichas.

Pude usar las herramientas de desarrollador… Así que, para ilustrar, intenté activar de nuevo en mobile-latest y esto es lo que obtuve.

Si establezco la miniatura a 10px.

no encuentro la manera de no mostrar esa columna a la izquierda…

¿Estás anulando la configuración en el Tema 3?

En cualquier caso, algo es extraño en tu configuración.

Es como si no estuvieras usando la misma plantilla.

Aquí está starzen con las mismas dimensiones:

¡Ah! ¡Podría ser un error, disculpas!

Si desactivo la “imagen predeterminada”, tengo un problema. Me pregunto si está relacionado.

OK, prueba esta actualización:

Si crees que Topic List Previews es genial y que hice un buen trabajo, puedes comprarme un café :coffee:

¡Gracias por tu paciencia! Aparecieron algunos errores nuevos debido a la reescritura completa que tuve que hacer para la nueva API y las restricciones entrantes.

no veo ningún cambio. Para tu información, esto es sin ningún otro componente añadido al tema claro

vista de portátil

vista móvil

después de leer tu publicación, también probé con una imagen predeterminada (de ionic). No hay cambios reales (excepto que elimina correctamente la imagen del autor).

Puedo alinear la pantalla a la izquierda (tengo un

.mobile-view .topic-list .right {
    margin-left: 60px !important;
}

en mi CSS. Se ve mejor pero todavía tengo las miniaturas encima de los títulos.

editar: no <w que descubrí esto, finalmente resolví mi problema con un poco de CSS grid. No es perfecto pero está bien.


al margen, tengo una solicitud: sería bueno poder agregar un extracto para nuevos temas y no para nuevas respuestas (o lo que prefiera cualquier foro ^^)

No puedo reproducir tu problema, incluso aumentando el ancho de la miniatura a 90px:

(aunque esto es demasiado ancho para las fechas y los recuentos).

¿Estás seguro de que no tienes otros componentes activos que estén interfiriendo?

TLP funciona correctamente de fábrica, incluso cuando las cosas se vuelven muy estrechas:

Finalmente encontré el problema y esto debería estar solucionado. Hubo un error en la lógica de la miniatura predeterminada.

2 Me gusta

Veo que algunas de las instanciaciones de PreviewsThumbnail no tienen @url
¿Es esto intencional?

1 me gusta