Proyecto oscommerce

Solo disponible en BuenasTareas
  • Páginas : 5 (1223 palabras )
  • Descarga(s) : 0
  • Publicado : 19 de octubre de 2010
Leer documento completo
Vista previa del texto
TALLER DE E-COMMERCE- IDENTIFICACIÓN DE LA TIENDA

Guía No. 2

COMENZANDO A PERSONALIZAR SU TIENDA VIRTUAL
Si Ud. tiene acceso a esta guía, es porque ha sido capaz de abrir un espacio de hosting y montar en él una tienda virtual prediseñada, cuyo nombre es OsCommerce. Su tienda en estos momentos es sólo una plantilla predeterminada que ofrece OsCommerce cuando se instala por primera vez. Hallegado entonces el momento de empezar a personalizarla y cambiar algunas cosas de su estructura para que se vaya adaptando poco a poco a los propósitos que Ud. contempló en su proyecto de la primera clase.

Pasos para cambiar el logo de la tienda virtual
Necesita: • Tienda Virtual prediseñada OsCommerce montada. • El logo de la tienda diseñado en medidas 204x50 pixeles. JPG (Observación:cuando cree el logo de su tienda, al momento de dar el nombre de archivo evite los espacios en blanco, acentos y Ñ) En estos momentos, su tienda virtual presenta las características predefinidas de la plantilla estándar de OsCommerce, incluyendo un logo OsCommerce en la esquina superior izquierda de la tienda.

Ud. debe cambiar ese logo estándar de OsCommerce por uno de diseño propio, con las medidasque se especifican al comienzo y en formato JPG.

Manos a la obra:
Entre a la administración de su tienda virtual (o sea, al backoffice). Seleccione: Herramientas/Archivos

Lic. Alejandro Aguilar A.

Página 1

TALLER DE E-COMMERCE- IDENTIFICACIÓN DE LA TIENDA

Guía No. 2

Llegarán a esta pantalla: “administrador de archivos”

Aquí pueden ver la estructura de carpetas y archivos desu tienda virtual, lo que hace más fácil su manejo tal como si estuviera en su PC. Las imágenes que usa su tienda están en la carpeta “images”. Entre allí: haga un clic para abrir la carpeta, espere que cargue la página, y luego haga otro clic para entrar a la carpeta.

Lic. Alejandro Aguilar A.

Página 2

TALLER DE E-COMMERCE- IDENTIFICACIÓN DE LA TIENDA

Guía No. 2

Si todo salebien, deberá estar viendo el contenido de la carpeta “images”

Ahora, deberá subir el archivo que contiene la marca de su cliente. Vaya al final de la página y accione el botón “subir”

Lic. Alejandro Aguilar A.

Página 3

TALLER DE E-COMMERCE- IDENTIFICACIÓN DE LA TIENDA

Guía No. 2

Aparecerá un cuadro donde podrá escoger el archivo que desea subir. Accione el botón “examinar” yseleccione el archivo que contiene su marca. Luego accione el botón “subir”. Atención: no olvide el nombre de su archivo, lo necesitará después.

Una vez subido (o “cargado”) el archivo de su logo o marca, regrese al punto de partida. Esto se hace con clic en la carpeta que dice “nivel superior”. Está al tope de las carpetas

Lic. Alejandro Aguilar A.

Página 4

TALLER DE E-COMMERCE-IDENTIFICACIÓN DE LA TIENDA

Guía No. 2

Esto le llevará al punto inicial del administrador de archivos desde donde podrá ir hacia otra carpeta ¿cómo saber si llegamos al punto inicial? Fácil… ya no aparece la carpeta “nivel superior”, como en la siguiente figura.

Ahora bien, ya regresó al punto inicial y ya tiene cargado el archivo que va a ocupar, ahora hay que decirle al software que ése es el logoque deberá mostrar en su página inicial. Se hace de la siguiente forma: Entre a la carpeta “includes”.

Lic. Alejandro Aguilar A.

Página 5

TALLER DE E-COMMERCE- IDENTIFICACIÓN DE LA TIENDA

Guía No. 2

Recuerde, un clic para que abra la carpeta, espere que cargue la página y luego otro clic para entrar y ver el contenido

Una vez dentro, seleccione el archivo “header.php”

Lic.Alejandro Aguilar A.

Página 6

TALLER DE E-COMMERCE- IDENTIFICACIÓN DE LA TIENDA

Guía No. 2

Este archivo contiene la información que se mostrará en el encabezado de la página inicial de nuestro sitio web. Para que muestre nuestro logo deberemos editar este archivo…. Es fácil si sigue estas instrucciones.

Selecciónelo haciendo clic sobre el nombre de header.php, y luego accione el...
tracking img