Todo lo referente a los colores, se cambia en la hoja de estilos, este archivo es: includes/templates/mi_template/css/stylesheet.css. En la hoja de estilos se puede cambiar los colores, estilos de letra y otros detalles de la navegación de su tienda zencart, las variables que puede modificar son:
A :Cambia los colores de texto en los bloques de la izquierda y la derecha como "Advanced" y el texto del bloque de información.
A.headerNavigation :Colores del texto en la tabla coloreada de arriba (Top Catalog etc...links listed only)
A.pageResults
A.hover : Color de los enlaces cuando se pasa por encima
BODY : Type color es el color del texto en los bloques de las columnas de la izquierda y la derecha y el texto del cuerpo. Color de fondo en el cuerpo del texto pero no en el encabezado. Establece el color del borde que rodea la página. Establece el borde superior a 10 con el mismo color y esto desplegará la tabla.
DIV.pageHeading :Color al final de la página de pedido que dice "Your Checkout Has Been Processed!"
FORM :Cambia el color de este texto, usa palabras clave para encontrar el producto que estás buscando en el bloque "Quick Find" de la izquierda.
SPAN.greetUser :Tu nombre en la página por defecto -Welcome Guest!
SPAN.markProductOutOfStock
SPAN.newItemInCart:: Nuevo producto añadido a la tienda es de color diferente bajo la columna de la derecha "shopping cart"
TABLE.formArea En "My Account Information" el color interior del bloque de mis detalles. Establece el borde alrededor de los bloques en la sección del borde.
TABLE.infoBox Color del borde alrededor de los bloques de la columna de la derecha y la izquierda en la sección de fondo. Establece el color de fondo y quita la línea de separación blanca entre la barra de encabezado del bloque de la tabla y el cuerpo de cada tabla.
TABLE.infoBoxContents Color dentro de los bloques de las columnas de la izquierda y la derecha en la sección del fondo. Podrías establecer el color del texto de los bloques en la sección "Type" también. También puedes establecer una imagen de fondo en la sección del fondo: { background-image; background-repeat: no-repeat }
TD.accountCategory
TD.checkoutBar :Texto del final de la página de chequeo que dice [ delivery address | payment method | confirmation | finished! ]
TD.footer: Color inferior del texto y la tabla
TD.formAreaTitle Cambia el color del texto en la parte superior de los bloques en las páginas "My Account Info" . Deja el color de texto en blanco y el color que aparecerá será el negro.
TD.headerInfo
TD.headerNavigation : Color de fondo del la barra superior y los colores de las flechas que apuntan hacia delante
TD.infoBoxHeading : Color del encabezado y el texto de los bloques de las columnas de la izquierda y la derecha.
TD.main :Si establece el color de texto es el de los bloques de la página "My Account Info".
TD.pageHeading
¿Qué hay de nuevo aquí? ¡Disfruta de tu compra! Color del texto en todas las páginas de productos. Cambia el tamaño del texto también aquí.
TD.productListing data: cambia el color del texto del número de modelo de productos en las páginas de productos.
TD.productListing-heading
Color de la barra de producto superior que tiene "Product Name" "Price" "Buy Now" en él. Establece el color de texto bajo esta sección para las palabras "Buy Now".
TD.smallText: Color del texto del copyright al final de la página.
TD.subBar
TR.accountHistory-even : Color de la barra de dirección superior
TR.accountHistory-odd : Color de la barra de dirección superior
TR.addressBook-even : Color de la barra de dirección superior para entradas en tu agenda de direcciones
TR.addressBook-odd : Color de la barra de dirección superior para entradas en tu agenda de direcciones
TR.alsoPurchased-even : Color de la barra de dirección superior
TR.alsoPurchased-odd : Color de la barra de dirección superior
TR.footer :Color de la barra inferior en los lados derechos e izquierdo de la barra, pero no en el centro de la barra.
TR.headerNavigation
TR.productListing-even :Listado con fondo blanco que aparece al hacer clic en un producto bajo un subencabezado
TR.productListing-heading
TR.productListing-odd Listado con fondo verde lima que aparece al hacer clic en un producto bajo un subencabezado
TR.productReviews-even :Listado con fondo blanco bajo la sección review
TR.productReviews-odd : Listado con fondo gris bajo la sección review
