lunes, 18 de noviembre de 2013

Cómo personalizar X Cart Templates

X-Cart es un carrito de compras PHP y el paquete de software de comercio electrónico que utiliza plantillas de estilo de la cesta de la compra y las páginas de productos en línea. X-Cart viene con más de una docena de plantillas, o pieles, de los cuales usted puede elegir, pero si quieres algo un poco más personalizada, usted va a tener que editar las imágenes, archivos CSS y los archivos de plantilla TPL. El sistema de plantillas X-Cart puede parecer complejo al principio, pero todos los skins utilizar la misma jerarquía de directorios, por lo que una vez que aprenda cómo personalizar una piel, usted no tendrá problemas para la personalización de los demás. 

Personalizar las plantillas



Descargue el paquete de software de X-Cart en el sitio web X-Cart. Extraiga el archivo X-Cart.zip al directorio de su elección.



Haga doble clic en la carpeta de x-cart. Haga doble clic en la carpeta de la piel.



Haga doble clic para abrir la carpeta de la piel que desea personalizar.



Haga doble clic en la carpeta css. Los archivos CSS contienen la información de estilo para la piel. El archivo altskin.css contiene el principal código de estilo CSS, mientras que los archivos altskin.IE6.css y altskin.IE7.css contienen código que permite a ciertos elementos de estilo que representan correctamente en Internet Explorer 6 y 7, respectivamente. Haga clic derecho en un archivo CSS, haga clic en Abrir con. Haga clic para seleccionar el Bloc de notas o WordPad en la lista de aplicaciones, haga clic en Aceptar para abrir el archivo CSS.



Edite el código de estilo que contiene el archivo CSS. Cada declaración de estilo corresponde a un elemento se muestra en cuando se utiliza el X-Cart piel elegido. Por ejemplo, el a: link {color: # 35416c;} declaración de estilo controla el color de los hipervínculos en las páginas Web que aparecen en el carrito de compras.



Haga clic en Archivo y en Guardar cuando termine de editar el documento CSS. Haga clic en el botón Back Up o en la carpeta css para volver a la carpeta de piel.



Haga doble clic en la carpeta de imágenes. Haga doble clic para abrir cualquier imagen que desea editar en su editor de imágenes predeterminado. Para abrir con el editor de imágenes nativas de Windows, haga clic en la imagen, a continuación, haga clic en Abrir con. Haga clic para seleccionar Paint, haga clic en Aceptar.



Editar la imagen, haga clic en Archivo y en Guardar. Haga clic en Atrás o flecha hacia arriba en la carpeta en la imagen para volver a la carpeta de piel.



Haga doble clic en la carpeta del cliente. Esta carpeta contiene todos los archivos TPL que se combinan con código CSS, imágenes y datos almacenados en la base de datos MySQL de X-Cart para generar dinámicamente las páginas de la cesta de la compra para el usuario de la piel.



Haga clic derecho en un archivo TPL, a continuación, haga clic en Abrir con. Haga clic para seleccionar el Bloc de notas o WordPad, haga clic en Aceptar.



Editar el código PHP que figura en el documento de TPL. Cada documento TPL se utiliza para crear otra página o sección de una página en el carrito de compras. Por ejemplo, para editar la página de plantilla barra lateral izquierda, abra la página left_bar.tpl.



Haga clic en Archivo y en Guardar cuando haya terminado de editar las páginas de plantilla.



Consejos y advertencias

Para utilizar la máscara personalizada en X-Cart, subir la carpeta de piel personalizado al directorio piel en su servidor Web, escribir cualquier archivo que haya editado. Inicie sesión en la interfaz de administración de X-Cart utilizando su navegador Web, a continuación, haga clic en Configuración, Configuración general y la apariencia. Haga clic para seleccionar el nombre de la máscara personalizada Seleccione piel para usar el menú desplegable, a continuación, haga clic en Guardar en la parte inferior de la página.



 

No hay comentarios:

Publicar un comentario