Zen Cart è un sistema di gestione di negozio Web gratuito, open-source. Utilizza PHP, database MySQL e componenti HTML per fornire uno shopping carrello, sistema di newsletter manager e coupon. I proprietari di negozi inoltre possono personalizzare l'interfaccia di Zen Cart predefinita per abbinare il resto del loro sito, modificare i colori di sfondo, immagini e dimensioni dei modelli, così come dimensione del carattere e lo stile. Modificare il testo nell'installazione di Zen Cart richiede un po' di conoscenza di HTML e CSS, ma non deve essere difficile.

Fogli di stile

Questo sistema di carrello Web utilizza CSS o Cascading Style Sheets, per gestire l'aspetto del tuo sito. CSS consente di controllare la dimensione, carattere, colore e altre proprietà del testo Zen Cart modificando un solo posto: il foglio di stile. Le pagine HTML ottengono le informazioni di layout da questo file, anziché da singoli tag nelle pagine stesse. In Zen Cart, il foglio di stile principale si trova in "/ includes/templates/YOUR-TEMPLATE/css/stylesheet.css," dove "YOUR-modello" è il modello che hai selezionato per l'installazione di Zen Cart.

Dimensione del carattere

È possibile modificare la dimensione del testo utilizzando la proprietà "font-size". Nella maggior parte dei fogli di stile, hai diverse opzioni su come specificare le dimensioni. È possibile elencare i font come xx-small, x-small, small, medium, large, x-grande ed xx-large, dove la media è uguale a 16 font pixel. È inoltre possibile specificare la dimensione del carattere in pixel o in centimetri, ma questo può causare problemi con l'usabilità in alcune versioni di Internet Explorer. Il metodo preferito di cambiare la dimensione del carattere in Zen Cart è quello di impostare il testo su una percentuale del genitore dimensione del carattere, ad esempio 62,5 per cento, o l'equivalente di 10 pixel, se il tipo di carattere predefinito è impostato su medio.

Em

Dimensione del font può essere impostato anche in em. Un em è un'unità prelevata dalla tipografia vecchia maniera ed è uno spazio orizzontale uguale alla larghezza di una minuscola "m" in una dimensione particolare. In mora 16 font medio pixel, 1 em equivale a 16 pixel, ma in un font di 18 pixel, 1 em equivale a 18 pixel. È possibile impostare intestazioni o altre proprietà di testo speciale utilizzando em in relazione alle altre impostazioni. Per esempio, se si imposta il tipo di carattere principale al 62,5 per cento, un'intestazione impostata su 1,4 em produrrebbe un font 14 pixel, poiché il tipo di carattere principale viene visualizzato solo 10 pixel di altezza. Utilizzando questo sistema relativo di impostazione delle intestazioni, è possibile mantenere il rapporto di dimensioni tra tutti gli elementi di testo nel vostro carrello Zen, anche se si modifica la dimensione del carattere principale.

Altre proprietà di tipo di carattere

Il tag font consente di modificare più appena le dimensioni del testo in Zen Cart. È inoltre possibile modificare la famiglia di caratteri utilizzando il tag "font-family", seguito da una famiglia generica, come "serif", o una specifica famiglia, ad esempio "Arial". È possibile modificare lo stile del testo da normale in corsivo o obliquo utilizzando il tag "font-style", seguito dallo stile preferito.

Considerazioni

Non devi utilizzare singoli tag per modificare proprietà di carattere in Zen Cart. Si può anche scegliere di specificare tutte le proprietà in una dichiarazione. Per esempio, se si voleva cambiare il carattere a 62,5 per cento utilizzando l'Arial e famiglie sans serif con testo normale, è necessario immettere "tipo di carattere: 62,5% arial, sans-serif." Questo rende il tuo CSS leggermente più ordinato e più facile da navigare.