 |
Menú
|
 |
|
Libros Recientes
17/03/2007
28/11/2006
23/11/2006
21/11/2006
19/11/2006
|
|
|
Libros
Video tutoriales de Photoshop
|
|
|
Secciones
Tutoriales diseño páginas web.
|
|
|
Usuarios Conectados
8 usuario(s) en línea (7 usuario(s) navegando Tutoriales)
Registrados: 0
Invitados: 8
más ....
|
|
|
Tutoriales de modificacion de Oscommerce
Cambiar el logo de osCommerce
Para la sustitucion del logo de osCommerce que aparece en el catalogo en la parte superior izquierda por el logo de su tienda o empresa debe hacer lo siguiente.
Los requisitos son:
1. Tener el nuevo logo que sustituira el logo de osCommerce
2. Un programa de FTP para subir el logo a su servidor y para realizar los cambios en los archivos requeridos
3. La modificacion de archivos PHP
1.
cambiar el logo de osCommerce
Si dispone del logo para la sustitucion pase al punto siguiente
En caso de no tener el logo debera crear uno pero tenga en cuenta lo siguiente:
1. El tamaño del logo.
El logo que viene por defecto de osCommerce es de 204 pixels de ancho x 50 pixels de alto, usted puede colocar el logo del tamaño que quiera, pero debe tener en cuenta varas cosas:
- la cabecera de la tienda es una tabla que en su parte superior tiene el logo a la izquierda y a la derecha tiene tres iconos que son enlaces a "Mi cuenta", "ver cesta" y "realizar pedido" respectivamente.
El ancho de la tienda se adapta a la resolucion del monitor, y se muestra completamente para monitores de 800 x 600 pixels e igualmente para monitores de 1.024 x 768 pixels, o resoluciones mas altas.
Tenga en cuenta que si su tienda tiene un ancho mayor entonces la columna o parte derecha de la tienda no se veria en resoluciones de 800 x 600, el visitante o cliente tendria que manejar la barra de desplazamiento horizontal que le apareceria para poder ver esa parte. Para evitar esto no debe escoger un logo que tenga un ancho que desplaze el resto del contenido de la cabecera hacia la derecha expandiendo
El logo que vaya a escoger puede tener un tamaño que varie segun sus necesidades, pero debe tener en cuenta que no deforme el diseño.
osCommerce esta preparado para verse en monitores de resolucion 800x600 y que se adapte al ancho de un monitor de 1.024x768, siempre que no haya imagenes que expandan el ancho de la tienda mas alla de esos 800 pixels.
Por ejemplo el logo de osCommerce que viene por defecto tiene un tamaño de 204 x 50 pixels, con lo que no es mucho mas grande
2. El tamaño del archivo en Kbs.
no use imagenes de mapa de bits (formato .bmp) sin compresion grafica ya que "pesarian" demasiado y relentizarian la carga de la pagina ademas de consumir ancho de banda de su cuenta, el logotipo o cualquier imagen que use debe utilizar un programa de conpresion grafica para tener las imagenes en formato jpg, gif o png.
Una vez tenga el logo de la tienda, debera subirlo a su servidor,
Mediante un programa de FTP, conecte con el servidor donde tiene hospedada su pagina, de la misma forma que realizo la conexion para subir los archivos de osCommerce,
vaya a la carpeta images que se encuentra dentro de catalog
catalog/images/
suba dentro de esa carpeta la imagen del logo que quiere usar usted.
Ahora vaya a la carpeta catalog/includes/header.php
descarge ese archivo
HAGA UNA COPIA DE SEGURIDAD DE ESE ARCHIVO Y DE CUANTOS MODIFIQUE
editelo con el bloc de notas o con el programa de edicion html o php que tenga,
busque la linea siguiente, aprox. por la linea 57:
<td valign="middle"><?php echo '<a href="' .
tep_href_link(FILENAME_DEFAULT) . '">
' . tep_image(DIR_WS_IMAGES . 'oscommerce.gif',
'osCommerce') . '</a>'; ?></td>
el archivo del logo de osCommerce se llama oscommerce.gif, como se puede ver en esa linea de codigo, para colocar el logo que usted quiere debe cambiar ese nombre por el nombre del archivo de su logo, fijese de no borrar la comilla ' que se encuentra antes del nombre y la comilla ' posterior, el nombre esta entre esas dos comillas,
a continuacion fijese que aparece el nombre: osCommerce, ese es el texto, llamado "alt", es el que aparece si se posiciona por unos segundo el puntero del raton sobre el logo, y que en navegadores que solo muestran el texto aparece ese texto y no la imagen, usted puede cambiar ese nombre al nombre de su tienda igualmente, no borre las comillas.
Ejemplo:
en la demo modificada que hemos hecho el logo es osCommerce_modificado.png, el formato del archivo esta en formato PNG, por lo que el nombre de oscommerce.gif lo hemos cambiado por oscommerce_modificado.png en el codigo, y el texto es osCommerce modificado:
<td valign="middle"><?php echo '<a href="' .
tep_href_link(FILENAME_DEFAULT) . '">'
. tep_image(DIR_WS_IMAGES
. 'oscommerce_modificado.png', 'osCommerce modificado')
. '</a>'; ?></td>
Por ultimo guarde los cambios en header.php y subalo denuevo al servidor a catalog/includes/header.php sustituyendo el que estaba ahi.
Visite su catalogo y pulse en actualizar en el navegador si no ve los cambios y vera como aparece ya el nuevo logo.
|
|
|
|
Lecturas: 16422 | Actualizado | Editado por: admin
|
RECOMENDAMOS ...
|
Tipo: Tutorial
Desde: 16/11/2006
Abierto: 83 veces
|
Los usuarios son responsables de sus propios comentarios.
|
Tutorial Oscommerce - Zencart 
