Cómo personalizar una plantilla Zen Cart

Zen Cart es un software de código abierto que cualquiera puede utilizar libremente para operar los carros de compras de comercio electrónico para la venta de bienes tangibles y digitales en línea. A partir de julio de 2011 y Zen Cart versión 1.3.9h (Enlace de Recursos # 1) no hay anulaciones de plantillas en el panel de control administrativo. Debe modificar el código de archivos PHP o CSS para llevar a cabo todos los cambios reales en el aspecto de la plantilla.

Instrucciones

reemplazar imágenes

1 Vuelva a colocar la imagen del logotipo. Las imágenes del logotipo y otra plantilla se encuentran en la carpeta de imágenes utilizando la siguiente ruta del archivo: / includes / templates / clásico / images

Para cambiar el texto, el tamaño o la imagen nombre alternativo asociado con el nuevo logotipo, utilice un editor de código fuente para abrir el archivo header.php situado en la ruta del archivo siguiente: includes / languages ​​/ Inglés / header.php

Realizar cambios en el código de las líneas 21 a 25, entre el segundo conjunto de apóstrofes, para reflejar los cambios deseados. No deje espacios entre la información y los apóstrofes.

2 Sube una nueva imagen al servidor de las mismas dimensiones y con el mismo nombre para sobrescribir la imagen de cabecera actual. El tamaño de la imagen de cabecera es de 760 píxeles de ancho por 110 píxeles de alto, y el nombre es: header_bg.jpg.

3 Sube la nueva imagen con el nombre tile_back.gif sobrescribir la imagen de la barra de título existente en el servidor. Las barras de título horizontales visto en la plantilla predeterminada de Zen Cart son sólo 11 píxeles de ancho por 30 píxeles de alto y se repiten según sea necesario para construir lo que aparece como un tubo alargado. Crear una imagen similar en software de diseño gráfico de un color deseado, con o sin el punto culminante dimensiones y el sombreado.

Cambiar los colores y bordes

4 stylesheet.css abierto en un editor de código fuente, ubicada en el conjunto de archivos original, siguiendo esta ruta de archivo: /includes/templates/classic/css/stylesheet.css

5 Cambiar los colores de fondo. de Zen Cart plantilla "clásico" tiene un fondo azul claro. En el editor de código, busque Línea 16: background-color: # e5edf5;

Los caracteres "# e5edf5" indican un color específico de azul en el sistema de código de color hexadecimal HTML. (Ref 3) Para un fondo blanco, cambie el código para #ffffff o para su uso negro # 000000. Si se prefiere, introduzca el código de cualquier otro color.

6 Cambiar la envoltura del cuerpo principal. El código que se encuentra en la Línea 186: frontera: 1px solid # 9a9a9a; controlar las estrechas líneas verticales de color gris que bordean los lados izquierdo y derecho de Zen Cart.

opciones de personalización incluyen: Cambiar el código HTML del color a un color preferido. Hacer que el borde más ancho al aumentar el tamaño de píxel. Si se prefiere sin borde, eliminar esta línea de código completo, o hacerlo invisible para que pueda utilizarlo en una fecha posterior. Para que la línea de comando invisible para el software, utilice con un

"/" (barra inclinada, asterisco) al principio de la línea y "/" (asterisco, slash) al final de la línea.

7 Cambiar bordes del contenedor de contenido. Línea 553: frontera: 1px solid # 9a9a9a; controla las fronteras izquierda y derecha de la leftBoxContainer y rightBoxContainer. El borde inferior verde es controlado por la línea 554: border-bottom: sólido 5px # 336633;

8 Sube stylesheet.css al servidor. Utilizar la misma ruta de archivo como en el conjunto de archivos para encontrar la ubicación correcta para sobrescribir el archivo CSS existente.