ubiquitour.com

Cómo personalizar la plantilla Zen Cart

Cómo personalizar la plantilla Zen Cart

Zen Cart es un software de código abierto que cualquiera puede usar libremente para funcionar los carros de compras e-commerce para la venta de bienes tangibles y digitales en línea. A partir de julio de 2011 y reemplaza versión Zen Cart 1.3.9h (recurso enlace #1) no hay ninguna plantilla en el panel de control administrativo. Se debe modificar el código de archivos PHP o CSS para realizar todos los cambios reales en el aspecto de la plantilla.

Instrucciones

Sustituir imágenes

1 Vuelva a colocar la imagen del logotipo. El logo y otras imágenes de la plantilla se encuentran en la carpeta de imágenes utilizando la siguiente ruta de archivo: /includes/templates/classic/images

Para cambiar el nombre alternativo de texto, el tamaño o la imagen asociado con el nuevo logotipo, utilice un editor de código fuente para abrir el archivo header.php ubicado en la ruta del archivo siguiente: includes/languages/english/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 apóstrofes.

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

3 Sube imágenes de la nueva imagen llamada tile_back.gif para sobrescribir la imagen de barra de título existente en el servidor. Las barras de título horizontal en plantilla de 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 la construcción de lo que aparece como un tubo alargado. Crear una imagen similar en el software de diseño gráfico de un color deseado, con o sin el punto culminante dimensional y el sombreado.

Cambiar colores y fronteras

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

5 Cambiar los colores de fondo. Plantilla "clásico" de Zen Cart tiene un fondo azul pálido. En el editor de código, busque la línea 16: color de fondo: #e5edf5;

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

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

Las opciones de personalización incluyen: cambiar el código HTML del color a un color preferido. Hacer la frontera más ampliada por aumentar el tamaño de píxel. Si prefiere ninguna frontera, eliminar totalmente esta línea de código, o hacerlo invisible para que usted pueda utilizar en una fecha posterior. Para hacer la línea de comandos invisibles para el software, utilice con un "/" (slash, asterisco) al principio de la línea y "/" (asterisco, slash) al final de la línea.

7 Cambiar las fronteras del contenido del envase. Línea de 553: frontera: 1px solid #9a9a9a; controles de los bordes izquierdos y derecho de la leftBoxContainer y rightBoxContainer. El borde inferior verde es controlado por la línea 554: frontera inferior: 5px solid #336633;

8 Sube imágenes de stylesheet.css con el servidor. Utilice la misma ruta del archivo como en el conjunto para encontrar la ubicación correcta de archivos para sobrescribir el archivo existente de CSS.