 |
Menú
|
 |
|
Libros Recientes
17/03/2007
28/11/2006
23/11/2006
21/11/2006
19/11/2006
|
|
|
Libros
Tutorial de la configuración del sistema de Xoops
|
|
|
Secciones
Tutoriales sobre Oscommerce y Zencart
|
|
|
Usuarios Conectados
10 usuario(s) en línea (7 usuario(s) navegando Tutoriales)
Registrados: 1
Invitados: 9
emmiejen, más ....
|
|
|
Tutoriales de modificacion de Oscommerce
Fijar el ancho de la tienda y centrar osCommerce
A veces es conveniente eleguir el ancho de la tienda, para que se adapte a una resolucion determinada en el caso de querer que el interior del catalgo se muestre como queramos, por ejemplo si colocamos un banner interno que muestre una oferta o algun producto y quemos que no sobre espacio a los lados del banner.
Se consige creando una tabla que contendra todo el catalogo para lo cual se comienza la tabla en el archivo de la cabecera (header.php) y se cierra la tabla en el archivo del pie de pagina (footer.php)
Paso 1:
En el archivo:
/catalog/includes/header.php
En ese archivo donde comienza la primera tabla, en la linea 55:
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr class="header">
<td valign="middle"><?php echo '<a href="' . tep_href_link(FILENAME_DEFAULT) . '">' . tep_image(DIR_WS_IMAGES . 'oscommerce.gif', 'osCommerce') . '</a>'; ?></td>
<td align="right" valign="bottom"><?php echo '<a href="' . tep_href_link(FILENAME_ACCOUNT, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_account.gif', HEADER_TITLE_MY_ACCOUNT) . '</a> <a href="' . tep_href_link(FILENAME_SHOPPING_CART) . '">' . tep_image(DIR_WS_IMAGES . 'header_cart.gif', HEADER_TITLE_CART_CONTENTS) . '</a> <a href="' . tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL') . '">' . tep_image(DIR_WS_IMAGES . 'header_checkout.gif', HEADER_TITLE_CHECKOUT) . '</a>'; ?> </td>
</tr>
</table>
Añadir antes de esa linea 55 lo siguiente:
<table border="0" width="750" cellspacing="1" cellpadding="1" align="center" bgcolor="#FFFFFF">
<tr><td>
width es el ancho de la tienda, las resoluciones mas usadas por los ordenadores que acceden a Internet son 800 x 600 y 1.024 x 768, para que no sobresalga por los bordes debera ser 750 aproximadamente.
align para la alineacion al centro ya que en monitores de resolucion 1.024 x 768 el catalogo no ocupara todo el ancho de la pantalla, de este modo centramos la tienda.
bgcolor define el color del fondo de la tienda, en este caso #FFFFFF es el color blanco, puede poner el color que desee para el fondo del catalogo
quedaria asi:
<table border="0" width="750" cellspacing="1" cellpadding="1" align="center" bgcolor="#FFFFFF">
<tr><td>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr class="header">
Paso 2:
en el archivo:
/catalog/includes/footer.php
al final aparece esto:
<tr>
<td align="center"><?php echo tep_display_banner('static', $banner); ?></td>
</tr>
</table>
<?php
}
?>
la tabla del catalogo finaliza en el ultimo </table>
debemos añadir el final de la tabla que creamos antes para cerrarla y debe hacerse antes del:
<?php
}
?>
añadir antes de <?php lo siguiente:
</td></tr>
</table>
quedaria asi:
<tr>
<td align="center"><?php echo tep_display_banner('static', $banner); ?></td>
</tr>
</table>
</td></tr>
</table>
<?php
}
?>
Compruebe ahora el catalogo y vera el resultado.
Cambiar el color de fondo de la pagina
Si quiciera cambiar el color de fondo la pagina, aunque haya puesto el color del catalogo en blanco eso es la parte del ancho del catalogo, de 750 pixels.
Puede cambiar el color de fondo de la pagina en el archivo:
catalog/stylesheet.css
por el principio aparece lo siguiente que define el BODY, linea 18 aproximadamente:
BODY {
background: #EDEDF1;
color: #000000;
margin: 0px;
}
puede cambiar el color de fondo de la pagina de osCommerce cambiado el codigo de color: background: #EDEDF1; por otro color, con un programa de dibujo puede saber el codigo de color.
|
|
|
|
Lecturas: 15249 | 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 
