Parti Modelli CSS

Template CSS per ricambi dedicati a cataloghi ricchi di articoli simili

Due schede prodotto in un catalogo ricambi possono apparire identiche pur comunicando cose completamente diverse. Un articolo viene spedito oggi stesso, il secondo è su ordinazione con sei settimane di attesa e il terzo è fuori produzione a favore di una versione più recente. Lo stile rende evidente tale differenza prima ancora del clic, e i template CSS per ricambi forniscono ai fornitori un insieme di regole visive per queste distinzioni.

Stato delle scorte su schede identiche

Le condizioni dell'inventario variano più rapidamente delle foto dei prodotti, quindi i segnali a esse collegati svolgono la maggior parte del lavoro quotidiano.

Alcune di queste condizioni meritano un trattamento a parte:

• Disponibile, disponibilità limitata e ordine arretrato, distinti da un elemento più chiaro del solo colore.
• Articoli su ordinazione, nei quali i tempi di consegna devono apparire accanto al prezzo.
• Componenti fuori produzione che rimandano al ricambio sostitutivo.
• Compatibilità confermata con il macchinario selezionato e avviso in caso di errore di compatibilità.

I distributori che propongono linee OEM e commerciali affiancate necessitano di un ulteriore segnale, poiché il divario di prezzo suscita una domanda a cui una piccola etichetta risponde più rapidamente di un intero paragrafo.

Rendere i codici lunghi facili da leggere

Il codice ricambio è il vero nome del prodotto, quindi merita un risalto visivo maggiore rispetto al testo circostante. Un carattere a spaziatura fissa, una spaziatura tra lettere più ampia e un contrasto marcato rendono un codice di diciannove caratteri più agevole da pronunciare e da confrontare con il pezzo usurato sul banco di lavoro. Le tabelle delle specifiche richiedono la medesima cura, con unità allineate, separatori di riga discreti e larghezze di colonna stabili lungo tutto l'elenco.

Nicepage copre la maggior parte di queste esigenze mediante i propri controlli visivi, mentre Custom CSS Code gestisce il resto. La documentazione su CSS personalizzato spiega come inserire le regole e assegnare le classi agli elementi, mantenendo trattamenti specifici del catalogo come badge di compatibilità, righe di confronto o chip di filtro separati dal sistema visivo generale.

Gli schermi stretti richiedono meno colonne

Sui telefoni, l'impaginazione del catalogo tende a cedere. Un codice di venti caratteri si spezza a metà trasformandosi in due tronconi privi di significato, una tabella delle specifiche fa scivolare il prezzo fuori campo e quattro schede in una sola riga compromettono la leggibilità. Un'interruzione controllata delle righe, una tabella con scorrimento orizzontale e una quantità di schede che diminuisce al restringersi dello schermo risolvono la maggior parte delle criticità.

È consigliabile mantenere queste regole circoscritte, poiché una direttiva creata per una sola famiglia di prodotti con descrizioni insolitamente lunghe non deve ridefinire ogni scheda del catalogo. Lo stile che regge nel tempo con la crescita del catalogo è in genere quello più essenziale: un unico linguaggio visivo per gli elementi ricorrenti, affiancato da un elenco ridotto di eccezioni davvero necessarie.