Documentazione · Riferimento amministratore

Riferimento Layout Manager

Questo documento rappresenta il riferimento per la schermata Layout Manager del plugin ADP Car Market Hub (Car Market Hub → Layout Manager). Spiega l'area di lavoro basata sulle zone, come aggiungere, riordinare e configurare gli elementi, e le impostazioni aggiuntive esposte per le schede dell'archivio.

Quando utilizzare questo documento

Utilizza questo riferimento quando hai bisogno di controllare quali campi, blocchi o filtri sono visibili sul frontend, l'ordine in cui appaiono o come è strutturata la griglia dell'archivio. Per colori, tipografia e pulsanti, consulta il Riferimento a design e stili.

Panoramica

Il Layout Manager organizza il frontend in sette zone. Ogni zona ha la propria area di lavoro con due colonne: un elenco Active Layout (ciò che è attualmente mostrato sul frontend) e un elenco Available Elements (ciò che può ancora essere aggiunto). Per alcuni blocchi, un pannello aggiuntivo Configure fields espone la visibilità dei campi per singolo blocco.

Le sette zone sono:

ZonaEtichettaScopo
search_filtersSearch FiltersQuali input di filtro appaiono nella pagina dell'archivio e in quale ordine.
archive_cardsCar Archive CardsQuali campi vengono visualizzati su ciascuna scheda veicolo nelle viste archivio e elenco.
single_mainSingle Vehicle Main ContentOrdine e visibilità dei blocchi di contenuto principali nella pagina di dettaglio del veicolo.
single_sidebarSingle Vehicle – SidebarBlocchi mostrati nella barra laterale della pagina di dettaglio del veicolo.
single_bottomSingle Vehicle – Bottom SectionBlocchi visualizzati sotto il contenuto principale nella pagina di dettaglio del veicolo.
compareCompare CarsCampi mostrati nella vista di confronto affiancato dei veicoli.
favoritesFavoritesCampi di riepilogo mostrati sulle schede dei preferiti/lista dei desideri.

Il layout personalizzato si applica al frontend solo se l'interruttore principale Use the custom block order instead of the built-in defaults è abilitato in Design & Styles → Layout Manager.

Requisiti o prerequisiti

Istruzioni passo dopo passo

Scegliere una zona

  1. Apri Car Market Hub → Layout Manager.
  2. Utilizza il selettore di zona in alto per passare tra le sette zone. La zona attiva viene riflessa anche nell'URL tramite il parametro lm_zone.

Aggiungere un elemento al layout attivo

  1. Nella colonna di destra Available Elements, scegli un elemento dal menu a discesa e fai clic su Add Element, oppure usa il pulsante + su una riga.
  2. L'elemento appare nell'elenco Active Layout a sinistra.

Riordinare gli elementi

  1. Trascina la riga tramite la sua maniglia (icona ≡) per riordinare.
  2. Il contatore "X / Y enabled" si aggiorna man mano che attivi o disattivi gli elementi.

Abilitare, disabilitare o rimuovere un elemento

  • Usa l'interruttore nella riga per disabilitare un elemento senza rimuoverlo (zone Single Vehicle, Compare e Favorites).
  • Fai clic sul pulsante per spostare nuovamente un elemento in Available Elements.
  • Per le zone Search Filters e Car Archive Cards, solo gli elementi abilitati vengono mantenuti nell'elenco attivo; gli elementi disabilitati vengono riportati automaticamente in Available Elements.

Configurare i campi all'interno di un blocco

  1. Per i blocchi configurabili, la riga espone un pulsante Configure fields.
  2. Fai clic su di esso per aprire il pannello di configurazione sul lato destro e attivare/disattivare i singoli campi mostrati all'interno di quel blocco.

Configurare la zona Car Archive Cards

Questa zona ha un layout dedicato con la scheda del gestore dei campi in alto e due schede affiancate in basso:

  • Archive Layout Settings — controlla la presentazione a griglia/elenco.
  • Badges & Labels — seleziona quali badge di stato appaiono sulle schede.

Riferimento di configurazione

Archive Layout Settings (solo zona Car Archive Cards)

CampoNote
Archive grid columnsNumero di schede per riga: 1, 2, 3 o 4.
Default sort orderNewest, Lowest Price, Highest Price o Lowest Mileage.
Vehicles per pageNumero intero positivo.
Archive layoutGrid, List o Both (Grid & List) per consentire ai visitatori di cambiare vista.
List excerpt lengthNumero di caratteri mostrati dall'estratto dell'articolo nella vista Elenco. 0 nasconde l'estratto. Intervallo 0–500. Visibile solo quando il layout è List o Both.

Badges & Labels (solo zona Car Archive Cards)

CampoNote
Visible badgesAttiva o disattiva ciascuno di: New, Used, Sale, Top offer.

Sotto gli interruttori di visibilità, la scheda espone anche una matrice di aspetto. Ogni riga è un badge (New, Used, Sale, Top) e le colonne consentono di definire lo stile di quel badge individualmente:

ColonnaNote
Background colourColore di sfondo del badge.
Text colourColore del testo dell'etichetta del badge.
WeightSpessore del carattere dell'etichetta del badge.
TransformTrasformazione del testo applicata all'etichetta (ad esempio UPPERCASE).
Size (px)Dimensione del carattere dell'etichetta del badge in pixel.

Posizionamento del Financing Calculator

Il blocco Financing Calculator può essere posizionato in Single Vehicle Main Content, Single Vehicle – Sidebar o Single Vehicle – Bottom Section. Il plugin impone un singolo posizionamento attivo:

  • Quando il calcolatore è attivo in una delle tre zone Single Vehicle, viene mostrato come bloccato nell'elenco Available Elements delle altre due, con un avviso che indica quale zona lo possiede attualmente.
  • Se il calcolatore è in qualche modo attivo in più di una zona Single Vehicle, i pannelli corrispondenti mostrano un avviso di attivazione duplicata spiegando che solo un'istanza verrà visualizzata sul frontend.

Note operative

  • Ciascuna zona viene salvata nella propria opzione, pertanto le modifiche in una zona non influiscono sulle altre.
  • Le zone Search Filters e Car Archive Cards utilizzano il modello "solo attivi": la disattivazione di una riga la rimuove anche dall'elenco attivo, il che rispecchia la natura rigorosa on/off di quelle aree.
  • Le altre zone utilizzano un ordine stabile che conserva gli elementi disabilitati in posizione, in modo da poterli riattivare rapidamente in seguito.
  • Le impostazioni di visibilità dei campi configurate all'interno di un blocco (tramite Configure fields) sono memorizzate per vista (ad esempio compare, favorites) e sono indipendenti dallo stato abilitato del blocco.
  • Il layout personalizzato non ha alcun effetto sul frontend finché l'interruttore Use the custom block order non viene abilitato in Design & Styles → Layout Manager.
  • Dopo il salvataggio, la pagina si ricarica con la stessa zona selezionata (tramite il parametro URL lm_zone) in modo da poter continuare a lavorare nel contesto.

Risoluzione dei problemi

  • Le modifiche non vengono visualizzate sul frontend. Verifica che l'interruttore principale in Design & Styles → Layout Manager sia attivo e svuota le cache del frontend o della CDN.
  • Mancano le impostazioni Archive Layout Settings. Tali impostazioni appaiono solo nella zona Car Archive Cards.
  • Il campo "List excerpt length" è nascosto. È visibile solo quando Archive layout è List o Both (Grid & List).
  • Il Financing Calculator appare bloccato. È già attivo in un'altra zona Single Vehicle. Rimuovilo da lì per aggiungerlo qui.
  • Avviso di duplicato del Financing Calculator. Il calcolatore è abilitato in più di una zona Single Vehicle. Disabilitalo in tutte le zone tranne una per rimuovere l'avviso e garantire un rendering coerente.
  • L'elenco Available Elements è vuoto. Tutti gli elementi supportati da questa zona sono già presenti nel layout attivo.
  • Un riordinamento tramite trascinamento non è stato salvato. Verifica di aver salvato dopo aver trascinato. Alcuni browser richiedono inoltre di autorizzare la pagina per le operazioni di drag-and-drop al primo utilizzo.

Documenti correlati