COMO QUITAR O PONER LAS COLUMNAS DE NUESTRA TIENDA
Página 1 de 1.
COMO QUITAR O PONER LAS COLUMNAS DE NUESTRA TIENDA
Este tutorial nos enseña como modifical las funcionalidades de nuestra tienda Zencart cambiando el número de columnas. Esto se puede hacer en la mayoría de templates. Este tutorial está basado en las versiones 1.3.x pero aplica a todas las anteriores. Con el CSS ajustraremos el ancho de las tablas.
2 Columnas
Simplificas tu interface para el usuario. Es más fácil de enteder dado que hay menos información.
-Si vas a quitar una columna que sea la de la derecha. Los usuarios está acostumbrados a que sea así cuando visitan foros y blogs
-Al quitar la columna se queda el centro demasiado ancho para muchos monitores, es por eso que desde el CSS añadiremos un color de fond (en este ejemplo el gris) o algun padding en la columna de la izquierda para evitar que no veamos el fin de la tienda por el margen derecho.
1 Columna
La impresión que da una sola columna para el visitante es de extrema sencillez. Si deshabilitais esta columna desde vuestro panel os teneis que asegurar que el listado de categorais aparece en el cuerpo centra de vuestra tienda. Si optais por esta opción no es necesario cambiar nada en el CSS, solo si se quiere cambiar la verticalidad de la tienda.
Si quieres cambiar la verticalidad de la tienda, asegurate que puedas ver el contenido de todas las paginas de tu tienda, la altura tiene que ser la misma en cada una de las paginas o perderás visión del contenido.#mainWrapper {
height:550px;
position:absolute;
top:50%;
left:50%;
margin-top:-275px;
margin-left:-375px;
border:7px solid #aaa;
}
2 Columnas
Simplificas tu interface para el usuario. Es más fácil de enteder dado que hay menos información.
-Si vas a quitar una columna que sea la de la derecha. Los usuarios está acostumbrados a que sea así cuando visitan foros y blogs
-Al quitar la columna se queda el centro demasiado ancho para muchos monitores, es por eso que desde el CSS añadiremos un color de fond (en este ejemplo el gris) o algun padding en la columna de la izquierda para evitar que no veamos el fin de la tienda por el margen derecho.
body {
color:#000000;
font:.75em/1.5 'trebuchet ms', arial, sans-serif;
background-color:#ccc; /* grey background */
margin:0 15px;
}
#mainWrapper {
text-align: left;
vertical-align: top;
width:700px; /* sets the width of the store */
background-color:#fff; /* gives the store a white background */
}
#navColumnOne {
padding-left:10px; /* move the left column inwards */
}- Si queremos añadir un padding sobre el centro de la tienda como por ejemplo un borde blano entre el cuerpo de la tienda y el gris del fonndo .(las diferencia visual es notable y acentua el peso de nuesto header o logo) .
- #mainWrapper {
padding: 0 15px;
} - Tambien su puede añadir en vez de un color de fondo, una imagen para que no quede tanto espacio de un tono.
1 Columna
La impresión que da una sola columna para el visitante es de extrema sencillez. Si deshabilitais esta columna desde vuestro panel os teneis que asegurar que el listado de categorais aparece en el cuerpo centra de vuestra tienda. Si optais por esta opción no es necesario cambiar nada en el CSS, solo si se quiere cambiar la verticalidad de la tienda.
Si quieres cambiar la verticalidad de la tienda, asegurate que puedas ver el contenido de todas las paginas de tu tienda, la altura tiene que ser la misma en cada una de las paginas o perderás visión del contenido.#mainWrapper {
height:550px;
position:absolute;
top:50%;
left:50%;
margin-top:-275px;
margin-left:-375px;
border:7px solid #aaa;
}
Temas similares
» Poner Tienda Loggin Necesario para Ver Precios?
» Como puedo mejorar Fotos Productos Tienda?
» Cómo puedo trasladar datos desde otro sistema de tienda??
» Centrar img y texto en columnas de la lista
» alineado de imagenes y descripciones en productos visto en 3 columnas
» Como puedo mejorar Fotos Productos Tienda?
» Cómo puedo trasladar datos desde otro sistema de tienda??
» Centrar img y texto en columnas de la lista
» alineado de imagenes y descripciones en productos visto en 3 columnas
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|