Documentación · Referencia del administrador

Referencia del gestor de diseño

Este documento es una referencia para la pantalla Layout Manager (Gestor de diseño) del plugin ADP Car Market Hub (Car Market Hub → Layout Manager). Explica el espacio de trabajo basado en zonas, cómo añadir, reordenar y configurar elementos, y los ajustes adicionales disponibles para las tarjetas de archivo.

Cuándo utilizar este documento

Utilice esta referencia cuando necesite controlar qué campos, bloques o filtros son visibles en el frontend, el orden en el que aparecen o cómo se distribuye la cuadrícula de archivo. Para colores, tipografía y botones, consulte la Referencia de diseño y estilos.

Descripción general

El Layout Manager organiza el frontend en siete zonas. Cada zona tiene su propio espacio de trabajo con dos columnas: una lista de Active Layout (lo que se muestra actualmente en el frontend) y una lista de Available Elements (lo que todavía se puede añadir). Para algunos bloques, un panel adicional Configure fields permite gestionar la visibilidad de los campos de cada bloque.

Las siete zonas son:

Zona	Etiqueta	Propósito
`search_filters`	Search Filters	Qué campos de filtro aparecen en la página de archivo y en qué orden.
`archive_cards`	Car Archive Cards	Qué campos se muestran en cada tarjeta de vehículo en las vistas de archivo y listado.
`single_main`	Single Vehicle Main Content	Orden y visibilidad de los bloques de contenido principal en la página de detalle del vehículo.
`single_sidebar`	Single Vehicle – Sidebar	Bloques que se muestran en la barra lateral de la página de detalle del vehículo.
`single_bottom`	Single Vehicle – Bottom Section	Bloques que se muestran debajo del contenido principal en la página de detalle del vehículo.
`compare`	Compare Cars	Campos que se muestran en la vista de comparación de vehículos comparativa.
`favorites`	Favorites	Campos de resumen que se muestran en las tarjetas de favoritos/lista de deseos.

El diseño personalizado solo se aplica en el frontend si el interruptor maestro Use the custom block order instead of the built-in defaults está activado en Design & Styles → Layout Manager.

Requisitos o prerrequisitos

Permiso para administrar el plugin.
Para las zonas de Compare y Favorites, las funciones correspondientes del frontend deben estar activadas en Settings → Frontend Features.
Para el bloque Financing Calculator, la calculadora debe estar activada en Settings → Frontend Features.

Instrucciones paso a paso

Elegir una zona

Vaya a Car Market Hub → Layout Manager.
Utilice el selector de zona en la parte superior para cambiar entre las siete zonas. La zona activa también se refleja en la URL a través del parámetro lm_zone.

Añadir un elemento al diseño activo

En la columna derecha Available Elements, elija un elemento del menú desplegable y haga clic en Add Element, o utilice el botón + en una fila.
El elemento aparecerá en la lista Active Layout de la izquierda.

Reordenar elementos

Arrastre la fila por su tirador (icono ≡) para reordenarla.
El contador "X / Y enabled" se actualizará a medida que active o desactive elementos.

Activar, desactivar o eliminar un elemento

Utilice el interruptor de la fila para desactivar un elemento sin eliminarlo (zonas Single Vehicle, Compare y Favorites).
Haga clic en el botón − para devolver un elemento a Available Elements.
Para las zonas Search Filters y Car Archive Cards, solo se mantienen en la lista activa los elementos activados; los elementos desactivados se devuelven automáticamente a Available Elements.

Configurar campos dentro de un bloque

Para los bloques configurables, la fila muestra un botón Configure fields.
Haga clic en él para abrir el panel de configuración del lado derecho y activar o desactivar los campos individuales que se muestran dentro de ese bloque.

Configurar la zona Car Archive Cards

Esta zona tiene un diseño dedicado con la tarjeta del gestor de campos en la parte superior y dos tarjetas una al lado de la otra debajo:

Archive Layout Settings: controla la presentación en cuadrícula o lista.
Badges & Labels: permite elegir qué etiquetas de estado aparecen en las tarjetas.

Referencia de configuración

Archive Layout Settings (solo zona Car Archive Cards)

Campo	Notas
Archive grid columns	Número de tarjetas por fila: `1`, `2`, `3` o `4`.
Default sort order	`Newest`, `Lowest Price`, `Highest Price` o `Lowest Mileage`.
Vehicles per page	Número entero positivo.
Archive layout	`Grid`, `List` o `Both (Grid & List)` para permitir que los visitantes cambien de vista.
List excerpt length	Número de caracteres que se muestran del extracto de la entrada en la vista de lista. `0` oculta el extracto. Rango de 0 a 500. Solo visible cuando el diseño es `List` o `Both`.

Badges & Labels (solo zona Car Archive Cards)

Campo	Notas
Visible badges	Active o desactive cada una de ellas: New, Used, Sale, Top offer.

Debajo de los interruptores de visibilidad, la tarjeta también muestra una matriz de apariencia. Cada fila es una etiqueta (New, Used, Sale, Top) y las columnas le permiten dar estilo a esa etiqueta de forma individual:

Columna	Notas
Background colour	Color de fondo de la etiqueta.
Text colour	Color del texto de la etiqueta.
Weight	Grosor de la fuente del texto de la etiqueta.
Transform	Transformación de texto aplicada a la etiqueta (por ejemplo, UPPERCASE).
Size (px)	Tamaño de fuente de la etiqueta en píxeles.

Ubicación de la Financing Calculator

El bloque Financing Calculator se puede colocar en Single Vehicle Main Content, Single Vehicle – Sidebar o Single Vehicle – Bottom Section. El plugin impone una única ubicación activa:

Cuando la calculadora está activa en una de las tres zonas de Single Vehicle, se muestra como bloqueada en la lista Available Elements de las otras dos, con un aviso que indica qué zona la contiene actualmente.
Si por alguna razón la calculadora está activa en más de una zona de Single Vehicle, los paneles correspondientes mostrarán una advertencia de activación duplicada explicando que solo se renderizará una instancia en el frontend.

Notas de funcionamiento

Cada zona se guarda en su propia opción, por lo que los cambios en una zona no afectan a las demás.
Las zonas Search Filters y Car Archive Cards utilizan el modelo de "solo activos": al desactivar una fila, también se elimina de la lista activa, lo que refleja la naturaleza estricta de encendido/apagado de esas áreas.
Las otras zonas utilizan un orden estable que conserva los elementos desactivados en su lugar, para que pueda volver a activarlos rápidamente más adelante.
Los ajustes de visibilidad de campos configurados dentro de un bloque (a través de Configure fields) se almacenan por vista (por ejemplo, compare, favorites) y son independientes del estado activo del bloque.
El diseño personalizado no tiene efecto en el frontend hasta que se active el interruptor Use the custom block order en Design & Styles → Layout Manager.
Después de guardar, la página se recarga con la misma zona seleccionada (a través del parámetro de URL lm_zone) para que pueda seguir trabajando en el mismo contexto.

Resolución de problemas

Los cambios no se muestran en el frontend. Confirme que el interruptor maestro en Design & Styles → Layout Manager esté activado y borre las cachés del frontend o de la CDN.
Faltan los Archive Layout Settings. Esos ajustes solo aparecen en la zona Car Archive Cards.
El campo "List excerpt length" está oculto. Solo es visible cuando el Archive layout es List o Both (Grid & List).
La Financing Calculator aparece bloqueada. Ya está activa en otra zona de Single Vehicle. Elimínela de allí para poder añadirla aquí.
Advertencia de duplicado de la Financing Calculator. La calculadora está activada en más de una zona de Single Vehicle. Desactívela en todas las zonas menos en una para eliminar la advertencia y garantizar un renderizado coherente.
La lista de Available Elements está vacía. Todos los elementos compatibles con esta zona ya se encuentran en el diseño activo.
Un cambio de orden mediante arrastrar y soltar no se ha guardado. Confirme que guardó después de arrastrar. Algunos navegadores también requieren autorizar a la página para operaciones de portapapeles o arrastre en el primer uso.